datepicker的最小日期参数不起作用

发布于 2025-02-06 20:01:48 字数 1186 浏览 3 评论 0原文

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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文