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日期选择器添加状态的主要内容,如果未能解决你的问题,请参考以下文章