【问题标题】:minDate props overrides the null state value for Material-ui DatepickerminDate props 覆盖 Material-ui Datepicker 的 null 状态值
【发布时间】:2021-09-02 16:26:57
【问题描述】:

我有一个组件,其中 material-ui Datepicker 中的 minDate 覆盖空值并将 minDate 设为选定值。 不仅如此,它甚至为此触发了 onChange 函数。我的组件调用(selectedDate 的初始状态为 null):

<DatePicker
disablePast
disableToolbar
autoOk
variant='static'
format='MMMM dd, yyyy'
value={selectedDate}
onChange={onChange}
minDate={startDate || new Date()}
/>

使用此 minDate 值触发 onChange 会导致设置日期。 我尝试添加 onClick 事件,以便区分用户单击和 minDate 强制,但这不起作用。即使有一种方法可以区分用户点击和 minDate 强制,我也可以在此基础上进行构建。请帮忙。

【问题讨论】:

标签: reactjs react-hooks material-ui angular-material-datetimepicker materialdatepicker


【解决方案1】:

而不是通过引用调用您的 onChange 函数。尝试像这样包装它一个箭头函数

onChange={(e) => {onChange(e)}

我在这里使用 e 作为事件对象。使用这个匿名函数,它应该只在实际输入更改时触发。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-01-17
    • 2020-01-30
    • 2019-03-07
    • 1970-01-01
    • 2021-07-28
    • 2022-01-06
    相关资源
    最近更新 更多