最近项目在使用vue框架+Element-ui组件开发。有一个表单需要实现一个联动的时间选择器。Element-ui上已经有例子,但是发现与需求不是很符合,因此稍作改动,实现开始时间与结束时间的智能联动。
startTime: {
disabledDate(time) {
return time.getTime() < Date.now() - 8.64e7;
}
},
endTime: {
disabledDate(time) {
return time.getTime() < Date.now() - 8.64e7;
}
},
这两个函数是控制时间选择器的关键函数。Element-ui文档例子中是与当前时间进行比较,因此我们需要改变比较条件。
pickerOptions0: {
disabledDate (time) {
if (this.endTime) {
return time.getTime() >