如何在Material UI中为Textfield类型的日期设置'min'属性？

编程问答 2022-10-27

问题描述

似乎可以为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,}}
    />

解决方法

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

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