如何在 react-admin DateInput 中禁用日期

Question

在 React admin 日期输入过滤器中，我们可以使用任何属性来禁用未来日期。

<DateInput
source="name"
label="name"
alwaysOn
validate={getValidate(props)}
/>

Answer 1

React-admin 在后台使用 html5 日期输入，因此您可以为此使用 min 和 max 属性。参见 Restrict future dates in HTML5 date input。

Answer 2

我们可以将属性 inputProps 作为 prop 传递并发送 min 和 max

 <DateTimeInput
   source="end_time"
   label="end_time"
   fullWidth
   inputProps={{
     min: '2022-04-22T00:00',
     max: '2022-04-28T00:00',
    }}
 />

如何在 react-admin DateInput 中禁用日期

How to disable dates in react-admin DateInput

react-admin