Javascript 如何在元素UI datepicker中禁用日期?
我想选择出发日期,然后当我选择返回日期时,我希望函数在元素UI中禁用出发日期之前的所有日期 我能够禁用今天日期之前的所有日期。这里是函数Javascript 如何在元素UI datepicker中禁用日期?,javascript,vue.js,vuejs2,element-ui,Javascript,Vue.js,Vuejs2,Element Ui,我想选择出发日期,然后当我选择返回日期时,我希望函数在元素UI中禁用出发日期之前的所有日期 我能够禁用今天日期之前的所有日期。这里是函数 disabledDate(time) { var date = new Date(); var previousDate = date.setDate(date.getDate() - 1); return time.getTime() < previousDate; }, disabledDate(
disabledDate(time) {
var date = new Date();
var previousDate = date.setDate(date.getDate() - 1);
return time.getTime() < previousDate;
},
disabledDate(时间){
变量日期=新日期();
var previousDate=date.setDate(date.getDate()-1);
返回时间.getTime()
您必须使用选择器选项禁用日期:
var Main = {
data() {
return {
value2: '',
fromDate: null,
pickerOptions: {
disabledDate: this.disabledDate,
onPick: this.pick
}
};
},
methods: {
pick({ maxDate, minDate }) {
this.fromDate = minDate;
},
disabledDate(date) {
if (this.fromDate) {
return this.fromDate > date
}
return false;
}
}
};
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')
确保pick
和disabledDate选项位于方法部分,而不是内联,否则您无法使用this
也不要忘记清理fromDate,否则有人想设置一个不同的范围。他可能想有一个不同的开始日期
您使用的日期选择器模块是什么?@Naren他使用的是element.eleme.io