element 日期时间选择器 限制当前时间之前不可选

<el-date-picker
            v-model="value3"
            type="datetime"
            :picker-options="pickerOptions"
            placeholder="选择日期时间"
          >
          </el-date-picker>
          /*注意不要使用formate ,格式化导致点击此刻按钮失效*/
data() {
    return {
      value3:"",
      pickerOptions: {
        disabledDate(date) {
          // 如果没有后面的-8.64e7就是不可以选择今天的
          return date.getTime() < Date.now() - 8.64e7;
        },
        // 解放下面的代码,前体是设置了formate。点击黄色的此刻会失效.
        selectableRange:
          new Date().getHours() +
          ":" +
          (new Date().getMinutes()) +
          ":00 - 23:59:00",
          // 时间是否小于当前时间(后一天选择00;00:00,选择当天,当天已经6:00:00.控制显示6点以后)
            if(newVal<new Date()) {
                this.value3 = new Date()
          }
      },
     
  },
  /* 选择今天以后的日期时,时分秒都可以选择*/
  watch: {
    "handleForm.value3": {
      handler(newVal, oldVal) {
        if (
          newVal &&
          newVal.getFullYear() == new Date().getFullYear() &&
          newVal.getMonth() == new Date().getMonth() &&
          newVal.getDate() == new Date().getDate()
        ) {
          this.pickerOptions.selectableRange =
            new Date().getHours() +
            ":" +
            (new Date().getMinutes() ) +
            ":00 - 23:59:00";
        } else {
          this.pickerOptions.selectableRange = "00:00:00 - 23:59:00";
        }
      },
    },
  },

你可能感兴趣的:(工作,javascript,vue.js,开发语言)