HTML部分:
<a-row>
<a-col>
<a-form-model-item label="日期禁选">
<a-date-picker ValueFormat="YYYY-MM-DD" :disabledDate="disabledDate1"></a-date-picker>
</a-form-model-item>
</a-col>
</a-row>
JS部分:
<script>
import moment from 'moment;
methods:{
moment,
/*
* 日期禁选
* */
disabledDate(current) {
//1.禁止选择今天之后的日期
return current && current > moment().endOf('day');
//2.禁止选择今天以及今天之后的日期
// return current && current > moment().subtract(1, 'days');
//3.今天以及今天之前的日期不可以选择
// return current && current < moment().endOf('day');
//4.今天之前的日期不可以选择
// return current && current < moment().subtract(1, 'days');
//5.指定日期之前不可以选择
// var now = '2023-10-01';
// var moment = this.moment(now, 'YYYY-MM-DD');
// return current < moment;
//6.指定日期之后不可以选择
// var now = '2023-10-01';
// var moment = this.moment(now, 'YYYY-MM-DD');
// return current > moment;
},
}
</script>