首页 > Windows开发 > 详细

element ui dataPicker 日期范围限制

时间:2021-06-30 21:05:54      阅读:21      评论:0      收藏:0      [点我收藏+]
<el-date-picker
        v-model="time"
        type="datetimerange"
        range-separator="至"
        start-placeholder="开始日期"
        end-placeholder="结束日期"
        :clearable="clearable"
        :picker-options="pickerOptions"
        @change="changeTime"
      ></el-date-picker>
data(){
    return{
pickerOptions: {
        onPick(time) {
          if (!time.maxDate) {
            let timeRange = 1 * 24 * 60 * 60 * 1000  //限制范围
            _minTime = time.minDate.getTime() - timeRange
            _maxTime = time.minDate.getTime() + timeRange
          } else {
            _minTime = _maxTime = null
          }
        },
        disabledDate(time) {
          if (_minTime && _maxTime) {
            return time.getTime() < _minTime || time.getTime() > _maxTime
          } else {
            return time.getTime() < Date.now() - 1 * 24 * 60 * 60 * 1000
          }
        }
      }
    }
}

 

element ui dataPicker 日期范围限制

原文:https://www.cnblogs.com/tristers/p/14955363.html

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