antd的日期选择禁止选择之前的日期

720 阅读1分钟

antd的日期选择禁止选择之前的日期

import moment from "moment";
import {DatePicker} from 'antd';
import type {Moment} from "moment";


const SomeComponent: React.FC<{}> = ({}) => {
    
    /**
     * @function 让日期不能选择之前的日期
     */
    const disabledDate = (current: Moment) => {
        // 当天之前的不可选,包括当天
        // return current && current < moment().endOf('day');
        // 当天之前的不可选,不包括当天
        return current && current <moment().subtract(1, "days");
    }

    return (
        <DatePicker
            showTime
            disabledDate={disabledDate}
        />
    )
} 

export default SomeComponent