Material ui DatePicker可以使用没有对话框的类似组件吗？

Question

我想在Material UI中使用DatePicker，并且我希望它始终显示在模板中，但DatePicker的默认设置是集中在Textfield上并显示对话框。

是否可以不使用Dialog和焦点文本字段来显示DatePicker。让它始终在渲染显示中显示DatePicker组件吗？

Answer 1

[ 材料-ui v0.x的解决方案]

如果我对您的理解正确，那么您希望在没有任何对话框和输入的情况下显示Calendar组件DatePicker。如果是这种情况，您可以Calendar像这样导入内部组件：

import Calendar from 'material-ui/DatePicker/Calendar';

然后渲染，例如：

<Calendar 
    autoOk={false}
    cancelLabel={false}
    firstDayOfWeek={1}
    onTouchTapDay={this.handleTouchTapDay}
    mode={'portrait'}
    open={true}
    ref="calendar"
/>

还有其他一些道具可用于Calendar，我在此示例中没有使用过。你可以发现他们在这里的源代码Calendar：

这是渲染后我得到的：