React 中的文本字段類型日期

Question

我需要在材料 UI 中顯示開始和結束日期。 結束日期字段不得允許用戶在所選開始日期之前的日期之前輸入 select。 我正在使用文本字段類型日期材料 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屬性始終接受 function 以在輸入內容更改時調用。 它傳播 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",
    }}
/>