iview 时间控件_iview datepicker disabledate 控制日期组件不可选

iview框架中DatePicker 日期选择器提供了关于不可选日期的使用方法，如下：

data () {

return {

options4: {

disabledDate (date) {

return date && date.valueOf() < Date.now() - 86400000;

}

}

}

}

通过disabledDate的返回值来确定是否禁用, 但是方法里面的this却拿到的却不是当前的vue实例, 比如：

data () {

return {

time: Date.now() - 86400000,

options4: {

disabledDate (date) {

// 会报错,this找不到time属性

return date && date.valueOf() < this.time

}

}

}

}

}

那么关键在于如何使this指向当前的vue实例,其方法便是使用箭头函数 item => { }, 修改代码如下：

data () {

return {

time: Date.now() - 86400000,

options4: {

disabledDate: date => {

// this成功指向vue实例

ret