ivew 日期选择器设置指定日期不可选

iview 日期组件官方文档

//iview 日期组件 需要添加options属性
<DatePicker type="date" :options="options" placeholder="Select date"></DatePicker>

options 是一个对象,其中有一个属性为disabledDate,是一个函数,参数为当前的日期,需要返回 Boolean 是否禁用某天。

// 禁用当前日期之前的日期
data() {
    return {
      options: {
        disabledDate(date) {
          // console.log(date);
          return date < new Date() - 24 * 60 * 60 * 1000;
          //禁用某一时间段
          //return date < new Date(2017,10,14) && date> new Date(2017,10,10)
        }
      }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,982评论 19 139
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,547评论 0 17
  • https://nodejs.org/api/documentation.html 工具模块 Assert 测试 ...
    KeKeMars阅读 6,413评论 0 6
  • 前言 人生苦多,快来 Kotlin ,快速学习Kotlin! 什么是Kotlin? Kotlin 是种静态类型编程...
    任半生嚣狂阅读 26,282评论 9 118
  • 今天晨读的三则材料,很容易让我想到了自己身上的故事。 就如慌忙中海投简历一样,没具体了解公司的情况,不知道自己应聘...
    定投盒子阅读 164评论 0 0