iView中DatePicker设置开始时间和结束时间约束
原创vue代码:
-
js代码:
export default {
data() {
return {
startTimeOptions: {}, //开始日期约束
endTimeOptions: {}, //结束日期约束
starttime: , //开始日期
endtime: ,//结束日期
}
},
methods: {
startTimeChange: function(e) { //设置开始时间
this.starttime = e;
this.endTimeOptions = {
disabledDate: date => {
let startTime = this.starttime ? new Date(this.starttime).valueOf() : ;
return date && (date.valueOf() < startTime);
// return date && (date.valueOf() < startDate-86400000 || date.valueOf() > Date.now()-86400000) ; 此约束为当日之前开始日期之后
}
}
},
endTimeChange: function(e) { //设置结束时间
this.endtime = e;
let endTime = this.endtime ? new Date(this.endtime).valueOf() - 1 * 24 * 60 * 60 * 1000 : ;
this.startTimeOptions = {
disabledDate(date) {
return date && date.valueOf() > endTime;
}
}
},
}
}
版权声明
所有资源都来源于爬虫采集,如有侵权请联系我们,我们将立即删除
上一篇:jquery文档处理——文档插入 下一篇:vue中的路由