阅读 91

element ui dataPicker 日期范围限制

<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
          }
        }
      }
    }
}

 

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

文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐