vue-elemnet-ui日期选择器添加状态

通过 Picker Options 属性双向绑定 :picker-options="pickerOptions"

pickerOptions:{

//参数disabledDate 参数 设置禁用状态

//下面禁用了当前及当前以后的日期

disabledDate: time => {

let nowDate = new Date();

if (nowDate.getFullYear() == time.getFullYear() && nowDate.getMonth() == time.getMonth() && nowDate.getDate() == time.getDate()) return true

return time.getTime() > nowDate.getTime();   },  

//    cellClassName: date => { } 給特定的日期添加样式

cellClassName: date => {

根据条件返回相应的样式类

 

if（date）return '样式类 ' } 

}

注意：样式类在vue项目中 必须写在

<style lang="scss"></style>中