如何在 Material UI 中为 Textfield 类型日期设置“min”属性？答案

【问题标题】：How can I set 'min' attribute for a Textfield type date in Material UI?如何在 Material UI 中为 Textfield 类型日期设置“min”属性？
【发布时间】：2020-08-12 15:09:01
【问题描述】：

似乎可以为Input 类型日期设置最小属性。是否也可以在 Material UI 中为Textfield 类型日期设置最小属性？似乎下面的代码不能正常工作。

    <TextField
      id="date"
      label="Date"
      type="date"
      min="2020-08-10"
      defaultValue="mm-dd-yyyy"
      onChange={props.handleTime}
      className={classes.date}
      InputLabelProps={{
        shrink: true,
      }}
    />

【问题讨论】：

标签： javascript reactjs material-ui

【解决方案1】：

您可以使用inputProps 参数传递min 和max 值：

      <TextField
        id="date"
        label="Date"
        type="date"
        defaultValue="2020-08-15"
        InputLabelProps={{
          shrink: true,
        }}
        inputProps={{
          min: "2020-08-10",
          max: "2020-08-20"
        }}
      />

【讨论】：