接下来是材料ui中的日期选择器在哪里？

Question

我尝试使用材料ui boolean indexing的next分支。因为我想使用layout组件。但我找不到DatePicker组件！ 如何在DatePicker分支中使用next？

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

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

Answer 2

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

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

  

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

它有一个日期选择器，它实际上是基于TextField组件，其类型设置为＆＃34; date＆＃34;。 按原样复制 -

  <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 3

作为本机控件的替代方法，可以使用Mobiscroll Calendar和Date picker。 相当可定制，并具有与一般外观非常吻合的材质样式。

日历组件

日期选择器组件

---

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

Answer 4

在最新资料-ui版本V1.0.0-beta.26中导入DatePickers，TimePickers，DateAndTimePickers。

例如：

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

如下所示导入Datepicker在最新版本中不再有效。

例如：

import DatePicker from 'material-ui/DatePicker';

Answer 5

您可以查看here我在哪里使用material-ui（下一个分支）创建一个datepicker的示例

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

Answer 6

使用这个 if fido.walkers.count == 0 { //remove Fido }

还可以访问此link以获取有关material-ui date-picker的完整详细信息。 不要忘记安装材料-ui，即 npm install --save material-ui

以下示例代码

import DatePicker from 'material-ui/DatePicker';