其他分享
首页 > 其他分享> > vue-elemnet-ui日期选择器添加状态

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>中

标签:vue,return,样式,nowDate,ui,&&,time,date,选择器
来源: https://www.cnblogs.com/Natural-numbers/p/14895791.html