iview日期组件选择范围限制

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xuaner8786/article/details/79948100

代码:

data(){
  options1: { //不可选今天之前的日期
    disabledDate (date) {
      return date && date.valueOf() < Date.now() - 86400000;
    }
  }
  options2: {//不可选每月15号
        disabledDate (date) {
            const disabledDay = date.getDate();
            return disabledDay === 15;
        }
    }
 }
}

组件代码:

<Date-picker 
    format="yyyy-MM-dd" 
    :options="options1"  
    style="width: 300px">
</Date-picker>
<Date-picker 
    format="yyyy-MM-dd" 
    :options="options2"  
    style="width: 300px">
</Date-picker>

官网说明:https://www.iviewui.com/components/date-picker
参考文献:https://segmentfault.com/q/1010000009681118/a-1020000009693103

阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页