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')
            }
        }
    }
}


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM