el-date-picker日期筛选范围限制从今天往前6个月以内的日期可选,其他日期禁用,且开始时间与结束时间范围在一个月之内

<template>
<el-date-picker
      v-model="value1"
      type="daterange"
      ref="date"
      popper-class="popDate"
      range-separator="至"
      value-format="timestamp"
      :picker-options="pickerOptions"
      start-placeholder="开始日期"
      end-placeholder="结束日期"
    >
    </el-date-picker>
</template>
<script>
 data() {
    return {
      value1: '',
      pickerOptions: {
        disabledDate: time => {
          return (
            Date.now() - 30 * 6 * 24 * 3600 * 1000 > new Date(time).getTime() ||
            new Date(time).getTime() > Date.now()
          );
        },
        onPick: ({ maxDate, minDate }) => {
          if (
            new Date(maxDate).getTime() - new Date(minDate).getTime() >
            30 * 1000 * 24 * 3600
          ) {
            this.$message.error('时间范围在一个月之类');
            this.$nextTick(() => {
              this.$refs.date.pickerVisible = true;
            });
            return;
          }
        }
      },
   }
}
</script>

  

posted @ 2022-06-14 15:37  你丫才美工  阅读(166)  评论(0编辑  收藏  举报