首页 > 其他 > 详细

element-ui 中日期控件限制时间跨度

时间:2019-09-26 17:23:01      阅读:306      评论:0      收藏:0      [点我收藏+]

 

支持点击今天及之前任意日期,前后跨度不超过31天,且不超过今天

<el-date-picker
            v-model="searchForm.dateRange"
            type="daterange"
            :clearable="false"
            range-separator="至"
            start-placeholder="开始日期"
            end-placeholder="结束日期"
            value-format = "yyyy-MM-dd"
            :picker-options="pickerOptions"
          ></el-date-picker>

  

data() {
      minDate:‘‘,
      maxDate:‘‘,
      pickerOptions: {
        onPick: ({ maxDate, minDate }) => {         
         this.minDate = minDate
         this.maxDate = maxDate
        },
        disabledDate: (time) => { //查询时间跨度为31天
          if(this.minDate){
            let range = 31 * 24 * 3600 * 1000
            return time.getTime() > Date.now() || time.getTime() > (this.minDate.getTime() + range) || time.getTime() < (this.minDate.getTime() - range)
          }
          return time.getTime() > Date.now()
        }
      }
}

  

element-ui 中日期控件限制时间跨度

原文:https://www.cnblogs.com/ckmouse/p/11592231.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!