接下来material ui 中的日期选择器在哪里？

Question

我正在尝试使用 material ui https://github.com/callemall/material-ui/tree/next 的 next 分支。因为我想使用 layout 组件。但是我找不到 DatePicker 组件！如何在 next 分支中使用 DatePicker？

import {DatePicker} from 'material-ui'

WARNING in ./app/Resources/js/components/FormConstructor/Field.js 208:47-57 "export 'DatePicker' was not found in 'material-ui'

Answer 1

使用这个
import DatePicker from 'material-ui/DatePicker';

另请访问此 link 以获得有关 material-ui 日期选择器的完整详细信息。不要忘记安装 material-ui 即 npm install --save material-ui

下面的示例代码

const DatePickerExampleSimple = () => (
  <div>
    <DatePicker hintText="Portrait Dialog" />
    <DatePicker hintText="Landscape Dialog" mode="landscape" />
    <DatePicker hintText="Dialog Disabled" disabled={true} />
  </div>
);

export default DatePickerExampleSimple;

Answer 2

目前写这个答案（2017-06-12）仍然不支持。参见 https://material-ui-1dab0.firebaseapp.com/getting-started/supported-components

Answer 3

在最新的 material-ui 版本 V1.0.0-beta.26.

中导入为 DatePickers、TimePickers、DateAndTimePickers

例如：

import {DatePickers, TimePickers, DateAndTimePickers} from 'material-ui';

像下面这样导入日期选择器在最新版本中不再有效。

例如：

import DatePicker from 'material-ui/DatePicker';

Answer 4

您可以查看 here 我在其中做了一个使用 material-ui（下一个分支）

创建日期选择器的示例

您可以导入组件或查看源代码以了解如何自行创建日期选择器

Answer 5

首先，我在同一条船上。我非常想念稳定版 material-ui（日期为 10/04/2018）中的 DatePicker。我也升级到@next，目前在 v1.0.0-beta.41 并达到震惊的状态，因为没有找到优雅的 DatePicker。

这是我注意到的，现在改为 -

https://material-ui-next.com/demos/pickers/

它有一个日期选择器，它实际上基于类型设置为 "date" 的 TextField 组件。按原样复制 -

  <TextField
    id="date"
    label="Birthday"
    type="date"
    defaultValue="2017-05-24"
    className={classes.textField}
    InputLabelProps={{
      shrink: true,
    }}
  />

一个小建议是检查本地 node_modules 下是否存在该路径。您还可以快速查看您正在使用的版本的组件目录（位于 https://material-ui-next.com/）。

希望这对您有所帮助。

Answer 6

作为本机控件的替代方法，您可以使用 Mobiscroll Calendar and Date picker。非常可定制，并带有 material 样式，非常适合一般外观和感觉。

日历组件

日期选择器组件

完全披露：这是一个商业组件，我是制造商之一，尽管它可以帮助寻找解决方案的人。

接下来material ui 中的日期选择器在哪里？

Where is the datepicker in material ui next?

javascript

reactjs

material-ui

日历组件

日期选择器组件