element-ui日期组件范围限制picker-options

最新推荐文章于 2024-05-09 18:59:55 发布

喵喵猫~

最新推荐文章于 2024-05-09 18:59:55 发布

阅读量682

点赞数

文章标签： ui vue.js javascript

本文链接：https://blog.csdn.net/m0_59547707/article/details/132597225

版权

HTML

 <el-date-picker
       v-model="sbForm.cj_time"
       :clearable="false"
       :editable="false"
       :picker-options="pickerOptions"
        type="date"
       value-format="yyyy-MM-dd"
       @change="refeshZcAll"
      >
</el-date-picker>

方法一：无判断data执行

data(){
    return{
         pickerOptions: {
               const date = new Date();
                const year = date.getFullYear();
                const month = date.getMonth() + 1;
                const strings = this.tradeSequenceData.execute_day.split(",");
                const startDay =
                  Number(strings[0]) < 10
                    ? "0" + Number(strings[0])
                    : Number(strings[0]);
                const endDay = Number(strings[1]) < 10 ? "0" + strings[1] : strings[1];
                const startTime = year + "-" + month + "-" + startDay;
                const endTime = year + "-" + month + "-" + endDay;
                console.log(startTime, endTime);
                return (
                      time.getTime() < new Date(startTime).getTime() ||
                      time.getTime() > new Date(endTime).getTime()
                );
      },
    }
}

方法一：有逻辑判断methods执行

methods(
    disabledGetTime(time) {
      if (this.tradeSequenceData.execute_type !== "2") {
       return time.getTime() > Date.now(); //禁用当天之后的时间不可选择（disabledDate中，time.getTime() 的范围是禁用的时间范围）
      } else if (this.tradeSequenceData.execute_type === "2") {
        const date = new Date();
        const year = date.getFullYear();
        const month = date.getMonth() + 1;
        const strings = this.tradeSequenceData.execute_day.split(",");
        const startDay =
          Number(strings[0]) < 10
            ? "0" + Number(strings[0])
            : Number(strings[0]);
        const endDay = Number(strings[1]) < 10 ? "0" + strings[1] : strings[1];
        const startTime = year + "-" + month + "-" + startDay;
        const endTime = year + "-" + month + "-" + endDay;
        console.log(startTime, endTime);
        return (
          time.getTime() < new Date(startTime).getTime() ||
          time.getTime() > new Date(endTime).getTime()
        );
      }
    },
)