React 中的文本字段类型日期

编程问答 2022-05-31

问题描述

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

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

解决方法

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

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

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",}}
/>
datedatedatejavascriptreactjsreactjsreactjsreactjstextfieldtextfieldtextfielduitextfielduitextfielduitextfield