element 时间选择器禁用今天之前的时间

最新推荐文章于 2024-08-22 13:30:11 发布

xniYa!

最新推荐文章于 2024-08-22 13:30:11 发布

阅读量302

点赞数 1

分类专栏： element 文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/qq_52134424/article/details/126952575

版权

element 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

第一步:

<el-date-picker
     v-model="editObj.orderTime"
     type="datetime"
     placeholder="选择日期时间"
     format="yyyy-MM-dd HH:mm"
     value-format="yyyy-MM-dd HH:mm"
     @change="handle"
     :picker-options="pickerOptions"
     >
 </el-date-picker>

第二步:

在data里面

pickerOptions: {
        selectableRange: `${this.getTimer()}-23:59:59`,
        disabledDate(time) {
          return time.getTime() < Date.now() - 3600 * 1000 * 24;
        },
      },

第三步:

getTimer() {
      var date = new Date();
      var h = date.getHours();
      h = h < 10 ? "0" + h : h;
      var min = date.getMinutes();
      min = min < 10 ? "0" + min : min;
      var s = date.getSeconds();
      s = s < 10 ? "0" + s : s;
      return h + ":" + min + ":" + s;
    },
    handle() {
      const myDate = new Date(Date.now());
      if (this.editObj.orderTime < myDate) {
        this.editObj.orderTime = myDate;
      }
    }

结束。