html 部分:
<a-range-picker
:disabledDate="disabledDate" // 禁用时间的事件
@calendarChange="disabledcan" // 点击其中一个日期表格,就会触发的事件
format="YYYY-MM-DD"
v-model="search_data.defaultTimeList"
@change="ClickonChange" // 触发条件是当两个日期表格都选中时,触发
/>
js部分:
disabledDate(current) {
// 判断选择不能为空
if (this.search_data.defaultTimeList.length > 0) {
// console.log('dfdsjkfj', this.search_data.defaultTimeList)
// 选择一个日期,限制另外日期的选择
if (this.search_data.defaultTimeList[0] != null && this.search_data.defaultTimeList[1]
== null) {
let star = current && current <
moment(this.search_data.defaultTimeList).startOf('year')
let end = current && current > moment(this.search_data.defaultTimeList).endOf('year')
return star || end
}
}
},
disabledcan(val) {
const res = this.$moment(val[0]).format('YYYY-MM-DD')
// console.log('第一次数据', res)
this.search_data.defaultTimeList[0] = res
},
用途·:开始时间选择了2022年的某一天,则结束时间也只能是2022年的某一天用antd日历组件