Ant Design of Vue RangePicker 时间选择器限 限制选择当前之后日期且不能跨月选择


<a-range-picker
    :ranges="{
        今天: [moment(), moment()],
        本月: [moment(), moment().endOf('month')]
    }"
    :placeholder="['开始日期', '结束日期']"
    :allowClear="true"
    :disabled-date="disabledDate"
    @change="onChange"
    @calendarChange="calendarChange"
/>

import moment from 'moment'
export default {
    name: 'invoiceFix',
    data() {
        return {
            choiceDate: "",
        }
    },
    methods: {
        moment,
        onChange([startTime]) {
            this.choiceDate = startTime
        },
        calendarChange([startTime]) {
            this.choiceDate = startTime
        },
        disabledDate(current) {
            if (this.choiceDate) {
                return current.month() + 1 != moment(this.choiceDate).format("MM") || current > moment().endOf('day');
            } else {
                return current && current > moment().endOf('day')
            }
        }
    }
}
posted @ 2020-12-10 15:24  xtwo1996  阅读(5017)  评论(0)    收藏  举报