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

Question

我想在Material UI中使用DatePicker，我希望它始终显示在模板中，但DatePicker的默认值是Textfield并显示Dialog。

是否可以在不使用Dialog和聚焦Textfield的情况下显示DatePicker。让它始终在渲染节目中显示DatePicker组件？

Answer 1

如果我理解正确，您希望在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的源代码中找到它们here：

以下是渲染后的内容：

Answer 2

是的，有可能：

<div>
  <DatePicker hintText="Portrait Inline Dialog" container="inline" />
</div>

容器道具：

  

用于控制聚焦输入字段时日期选择器的显示方式。 dialog（默认）将DatePicker显示为带模式的对话框。 inline在输入字段下方显示DatePicker（类似于自动完成）。