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')
}
posted @ 2023-02-24 15:59  ZerlinM  阅读(602)  评论(0)    收藏  举报