element ui 时间选择器限制

最新推荐文章于 2023-10-24 19:08:07 发布

Ryky_Li

最新推荐文章于 2023-10-24 19:08:07 发布

阅读量294

点赞数 1

文章标签：前端

本文链接：https://blog.csdn.net/Ryky_Li/article/details/123720692

版权

<el-date-picker
    v-model="saveForm.samTimes"
    type="datetimerange"
    range-separator="至"
    start-placeholder="开始日期"
    end-placeholder="结束日期"
    style="width: 100%"
    @change="change"
    :picker-options="pickerOptions"
    value-format="yyyy-MM-dd HH:mm:ss"
>
</el-date-picker>

pickerMinDate:'',
      pickerOptions:{
        onPick: (obj) => {
          this.pickerMinDate = new Date(obj.minDate).getTime();
        },
        disabledDate:(time)=> {
          if (this.pickerMinDate) {
            const day1 =  3 * 24 * 3600 * 1000
            let maxTime = this.pickerMinDate + day1
            let minTime = this.pickerMinDate - day1
            return time.getTime() > maxTime || time.getTime() < minTime || time.getTime() > Date.now() || time.getTime() < Date.now() - 15 * 24 * 3600 * 1000 || time.getTime() > Date.now() + 0 * 24 * 3600 * 1000
          }else{
            return time.getTime() < Date.now() - 15 * 24 * 3600 * 1000 || time.getTime() > Date.now() + 0 * 24 * 3600 * 1000
          }
        }
      },