React 中的文本字段类型日期

Question

我需要在 material UI 中显示开始和结束日期。结束日期字段不得允许用户 select 在 select 开始日期之前的日期。我正在使用文本字段类型日期 material UI，但无法正常工作。请帮忙

<TextField 
    type="date"
    defaultValue={moment().format("yyyy-mm-dd")}  
    onChange={endDate}
    InputProps={{
       min: "2020-01-04",
    }}
/>

Answer 1

试试下面的代码片段。它应该可以解决问题。

<TextField
  InputProps={{inputProps: { min: "2020-05-01", max: "2020-05-04"} }}
/>

Answer 2

onChange 属性始终接受输入内容更改时要调用的函数。它传播 html event，例如

<TextField 
    type="date"
    defaultValue={moment().format("yyyy-mm-dd")}  
    onChange={(e) => console.log(`your input's value is: ${event.target.value}`) }
    InputProps={{
       min: "2020-01-04",
    }}
/>

React 中的文本字段类型日期

Textfield type date in React

javascript

date

textfield

uitextfield

reactjs