Material-UI:如何将两个日期选择器放在同一行?

时间:2015-10-22 00:41:36

标签: javascript material-design material-ui

我正在使用material-ui创建表单。

我可以在同一行显示两个SelectField:

<SelectField floatingLabelText="Selection One" menuItems={menuItems} />
<SelectField floatingLabelText="Selection Two" menuItems={menuItems} />

或两行:

<SelectField floatingLabelText="Selection One" menuItems={menuItems} /><br />
<SelectField floatingLabelText="Selection Two" menuItems={menuItems} />

但是,以下代码会产生两行:

<DatePicker floatingLabelText="Start Date" />
<DatePicker floatingLabelText="Completion Date" />

如何在同一行显示两个DatePickers(不使用minDate和maxDate)?

1 个答案:

答案 0 :(得分:1)

这有点像黑客攻击,但将DatePickers封装在表格中可以使用:

<table>
  <tbody>
    <tr>
      <td>
        <DatePicker floatingLabelText="Start Date" />
      </td>
      <td>
        <DatePicker floatingLabelText="Completion Date" />
      </td>
    </tr>
  </tbody>
</table>