element日期时间选择器限制在当前日期和时间及以后

最新推荐文章于 2023-06-08 09:52:58 发布

黑魔仙小拓

最新推荐文章于 2023-06-08 09:52:58 发布

阅读量687

点赞数

分类专栏： ElementUI 文章标签： javascript vue.js 开发语言

本文链接：https://blog.csdn.net/T70H78/article/details/129320383

版权

ElementUI 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

在这里插入图片描述

 <el-col :span="8">
            <el-form-item label="维修结束时间：" prop="endTime">
              <el-date-picker
                size="medium"
                style="width: 100%"
                v-model="editForm.endTime"
                type="datetime"
                format="yyyy-MM-dd HH:mm"
                value-format="yyyy-MM-dd HH:mm"
                @change="endChange"
                :picker-options="pickerOptions"
                placeholder="选择维修结束时间"
              ></el-date-picker>
            </el-form-item>
          </el-col>
          ```
//限制时间选择器主要是加上selectableRange然后获取当前时分秒
     pickerOptions: {
        disabledDate(time) {
          return time.getTime() < new Date().getTime() - 24 * 60 * 60 * 1000;
        },
        selectableRange: timeFormat(new Date()) + "- " + "23:59:59",
      },

/**
 * 日期格式化
 */
export function timeFormat(date) {
  let format = "hh:mm:ss";
  if (date != "Invalid Date") {
    var o = {
      "M+": date.getMonth() + 1, //month
      "d+": date.getDate(), //day
      "h+": date.getHours(), //hour
      "m+": date.getMinutes(), //minute
      "s+": date.getSeconds(), //second
      "q+": Math.floor((date.getMonth() + 3) / 3), //quarter
      S: date.getMilliseconds(), //millisecond
    };
    if (/(y+)/.test(format))
      format = format.replace(
        RegExp.$1,
        (date.getFullYear() + "").substr(4 - RegExp.$1.length)
      );
    for (var k in o)
      if (new RegExp("(" + k + ")").test(format))
        format = format.replace(
          RegExp.$1,
          RegExp.$1.length == 1
            ? o[k]
            : ("00" + o[k]).substr(("" + o[k]).length)
        );
    return format;
  }
  return "";
}