datepicker的最小日期参数不起作用
datepicker Mindate有问题;它根本不注册!我试图删除dateformat,timeintervals,showtimesElectonly且无运气,用户仍然可以使用“结束时间”的过去日期。我还尝试将Mindate作为对象(Mindate = {new Date(2025,1,1)),但没有运气。
datePicker参数:
<div>
Start Date & Time<br />
<DatePicker
minDate={new Date()}
placeholderText='Start time'
showTimeSelect
selected={inDate}
timeIntervals={15}
filterTime={filterPassedTime}
dateFormat="yyyy-MM-dd hh:mm"
onChange={handleInDate}
/>
</div>
<div>
End time<br />
<DatePicker
minDate={inDate}
placeholderText='End time'
showTimeSelect
showTimeSelectOnly
selected={outDate}
timeIntervals={15}
filterTime={filterPassedTime}
dateFormat="yyyy-MM-dd hh:mm"
onChange={handleOutDate}
/>
</div>
handle indrate和thickeoutdate代码:
const [inDate, setInDate] = useState(null);
const [outDate, setOutDate] = useState(null);
const handleInDate = (date) => {
setInDate(date);
};
const handleOutDate = (date) => {
setOutDate(date);
};
Having a problem with DatePicker minDate; it simply does not register! I have tried to remove dateFormat, timeIntervals, showTimeSelectOnly with no luck, the user can still use past date for 'End time'. I also tried passing minDate as object ( minDate={new Date(2025, 1, 1) ) with no luck.
DatePicker parameters:
<div>
Start Date & Time<br />
<DatePicker
minDate={new Date()}
placeholderText='Start time'
showTimeSelect
selected={inDate}
timeIntervals={15}
filterTime={filterPassedTime}
dateFormat="yyyy-MM-dd hh:mm"
onChange={handleInDate}
/>
</div>
<div>
End time<br />
<DatePicker
minDate={inDate}
placeholderText='End time'
showTimeSelect
showTimeSelectOnly
selected={outDate}
timeIntervals={15}
filterTime={filterPassedTime}
dateFormat="yyyy-MM-dd hh:mm"
onChange={handleOutDate}
/>
</div>
handleInDate and handleOutDate code:
const [inDate, setInDate] = useState(null);
const [outDate, setOutDate] = useState(null);
const handleInDate = (date) => {
setInDate(date);
};
const handleOutDate = (date) => {
setOutDate(date);
};
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论