vue+elementui 日期时间控件 结束日期不能小于开始日期

目录

一、对于日期控件（简单版）：

二、对于日期时间控件（需要禁用时间选择器）：

参考： 

代码：

 注意：

---

一、对于日期控件（简单版）：

element-ui 日期选择器 限制结束时间不能大于开始时间_优秀的赵仕广的博客-CSDN博客

  data() {    
    return {
      pickerStartOptions(endTime){
        return {
          disabledDate(time){
            if(endTime){
                // 拼接 00:00:00 是为了统一日期从0点开始 
                return time.getTime() > new Date(endTime + " 00:00:00").getTime();     
            }
          }
        } 
      },
      pickerEndOptions(startTime){
        return {
          disabledDate(time){
            if(startTime){
                // 拼接 00:00:00 是为了统一日期从0点开始 
                return time.getTime() < new Date(startTime + " 00:00:00").getTime();
            }
          }
        } 
	  },
    }
  }

直接复制作者的代码，在他代码的基础上改一下自己定义的参数字段名就可以了 。

二、对于日期时间控件（需要禁用时间选择器）：

参考： 

elementui日期选择器控制结束日期不能小于开始日期_鹏仔工作室的博客-CSDN博客_结束时间不能小于开始时间项目中，有选择开始日期和结束日期的，写好了分享给大家吧！如有问题，请多多指教，谢谢。功能是开始日期可选今日或今日之后的日期，结束日期必须在开始日期之后，用的是elementui，案例分享给大家。我的效果是 报名开始时间（当日起之后）、报名结束时间（报名开始时间之后）、会议开始时间（报名结束时间之后）、会议结束时间（会议开始时间之后）。根据下图所示，选择A之后（清除B、C、D），B只能选择A之后的日期，选择B之后（清除C、D），C只能选择B之后的日期，选择C之后（清除D...https://blog.csdn.net/tianpeng1996/article/details/108800644

vue2 + elementui 日期时间选择器 禁止选择当前时间之前的日期及时间，并添加相应校验规则_前端烤贝猿的博客-CSDN博客_日期时间选择器设置禁选vue2 + elementui 日期时间选择器 禁止选择当前时间之前的日期及时间，并添加相应校验规则https://blog.csdn.net/weixin_57024354/article/details/122113125

        日期时间控件使用了 disabledDate 来禁用日期后，“此刻” 按钮的功能不起作用，然而点击“确定”按钮就是此刻的时间。

element-ui 时间组件date-picker 去掉“此刻”二字_左鞋☆右穿的博客-CSDN博客_el-date-picker 此刻用element-ui的时间组件时，想去掉“此刻”二字官方文档没有提供去掉这个的属性，网上查了一下，主要是通过给这个标签添加css属性，display：none，来隐藏。但是我在组件内的

 注意：

disabledDate	设置禁用状态，参数为当前日期，要求返回 Boolean
selectableRange	用来限制时分秒的选择
去掉“此刻”	发现使用了 disabledDate 后，“此刻”按钮不起作用了，“确定”按钮功能代替了“此刻”按钮的功能