vue.js - iview日期组件不可选日期怎么用？

问题描述

问 题

iview日期组件API文档

设置属性 options 对象中的 disabledDate 可以设置不可选择的日期。
disabledDate 是函数，参数为当前的日期，需要返回 Boolean 是否禁用这天。

options3: {
    disabledDate (date) {
        return date && date.valueOf() < Date.now() - 86400000;
    }
}

这个方法是如何实现当前日期以前都不可选的，没看明白，我现在要实现的功能是让日期组件在2017-02-01和2017-07-30可选，其余不可选，不知道能否实现？

解决方案

options3: {
    disabledDate (date) {
        return date && date.valueOf() < Date.now() - 86400000;
    }
}

然后组件加上 :options="options3"，如下：

<Date-picker format="yyyy-MM-dd" :options="options3"  placeholder="选择查询日期区间" style="width: 300px"></Date-picker>

这篇关于vue.js - iview日期组件不可选日期怎么用？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！