element ui时间选择插件限制不可以选择当前日期之后或之前的时间

element ui框架非常成熟,使用极其方便,在此分享下element ui时间选择插件限制不可以选择当前日期之后或之前的时间
element ui框架非常成熟,使用极其方便,在此分享下element ui时间选择插件限制不可以选择当前日期之后或之前的时间

html内:

<el-date-picker v-model="value1" type="date" placeholder="选择日期" :picker-options="pickerOptions0"> </el-date-picker>

data内:return 这一层是VUE脚手架的写法,如果你是引用链接的形式无视这一层,return和本文讲的内容无关

1.只能选择今天以及今天之后的日期
data (){
   return {
       pickerOptions0: {
          disabledDate(time) {
            return time.getTime() < Date.now() - 8.64e7;//如果没有后面的-8.64e7就是不可以选择今天的
          }
        },  
   }    
}


2.选择今天以及今天之前的日期
data (){
   return {
       pickerOptions0: {
          disabledDate(time) {
            return time.getTime() > Date.now() - 8.64e6;//如果没有后面的-8.64e6就是不可以选择今天的
          }
        },  
   }    
}
以下是效果图展示,我限制为不能选择今天以后的日期

attachments-2020-06-mh56Gps25eef6ad4606f8.png

  • 发表于 2020-06-21 22:13
  • 阅读 ( 144 )

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

578 篇文章

作家榜 »

  1. admin 578 文章
  2. 粪斗 185 文章
  3. 王凯 92 文章
  4. 廖雪 78 文章
  5. 牟雪峰 12 文章
  6. 李沁雪 9 文章
  7. 全易 2 文章
  8. quanyi 0 文章