antd DatePicker设定可选时间范围

antd中 DatePicker 设定可选时间范围

<Form.Item name="monthStr">
    <RangePicker
        allowClear={false}
        // picker="month"
        format="YYYY-MM-DD"
        // defaultValue={[moment().startOf('month'), moment().endOf('month')]}
        disabledDate={(current) => disabledDateHistory(current)}
    />
</Form.Item>

const disabledDateHistory = (current) => {
    // 可选3天前时间 
    return current > moment().subtract(3, 'day')
}

const disabledDateHistory = (current) => {
    // 可选3天内时间
    return current > moment().endOf('day') || current < moment().subtract(3, 'day')
}
THE END
posted @   ZerlinM  阅读(504)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
历史上的今天:
2021-02-24 postman中 form-data、x-www-form-urlencoded、raw、binary操作
点击右上角即可分享
微信分享提示