iview日期组件不可选日期怎么用？

Question

iview日期组件API文档

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

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

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

Answer 1

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>

Answer 2

disabledDate(date) {

                let initdate = new Date("2017-07-01") - 86400000;
                return (date && date.valueOf() < initdate) || (date && date.valueOf() >= new Date())
            }
            以上可以实现2017年7月1日到当前时间段的不可选，任何时间段不可选道理相同

Answer 3

可以查看这篇文章：iview datepicker disabledate 控制日期组件不可选

Answer 4

楼主解决了吗

Answer 5

disabledDate 方法的 date 参数就是计算时，对应的日期，所以只要让它在 2017-02-01 和 2017-07-30 之间的 date 返回 false（也就是不禁用）即可，其它返回 true（即禁用）。

Answer 6

我想问一下这个可以实时的改变吗？比如开始时间和结束时间之间间隔7天，开始改变时结束也要改变，求指教