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

Posted 非自然数

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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-elemnet-ui日期选择器添加状态的主要内容,如果未能解决你的问题,请参考以下文章

EXCEL表里怎么添加日期选择器

在引导日期选择器中将课程添加到多个/特定日期?

如何将颤动的日期选择器值添加到文本字段?

如何使用获取的变量作为材料 UI 日期选择器的初始状态?

如何在 jQuery 日期选择器中为禁用日期添加工具提示?

jquery mobile中的日期选择器在第二页中添加时重复