• el-date-picker限制开始时间不能大于结束时间,且结束不能小于开始时间


    1. class="des-status-df">开始
    2. <div class="block">
    3. <el-date-picker
    4. :picker-options="startDatePicker"
    5. v-model="startTime"
    6. type="datetime"
    7. placeholder="选择日期时间"
    8. >
    9. el-date-picker>
    10. div>
    11. <div class="des-status-df">结束div>
    12. <div class="block">
    13. <el-date-picker
    14. :picker-options="endDatePicker"
    15. v-model="endTime"
    16. type="datetime"
    17. placeholder="选择日期时间"
    18. >
    19. el-date-picker>
    20. div>
    21. beginDate() {
    22.       const self = this;
    23.       return {
    24.         disabledDate(time) {
    25.           debugger;
    26.           if (self.endTime) {
    27.             //如果结束时间不为空,则小于结束时间
    28.             return new Date(self.endTime).getTime() < time.getTime();
    29.           } else {
    30.             // return time.getTime() > Date.now()//开始时间不选时,结束时间最大值小于等于当天
    31.           }
    32.         },
    33.       };
    34.     },
    35.     processDate() {
    36.       const self = this;
    37.       return {
    38.         disabledDate(time) {
    39.           if (self.startTime) {
    40.             //如果开始时间不为空,则结束时间大于开始时间
    41.             return new Date(self.startTime).getTime() > time.getTime();
    42.           } else {
    43.             // return time.getTime() > Date.now()//开始时间不选时,结束时间最大值小于等于当天
    44.           }
    45.         },
    46.       };
    47.     },

    data:

    1. startDatePicker: this.beginDate(),
    2. endDatePicker: this.processDate(),

  • 相关阅读:
    MAC地址简介
    【实践篇】教你玩转JWT认证---从一个优惠券聊起
    WEB 渗透之信息收集
    前段-用面向对象的方式开发一个水管小鸟的游戏
    Python编程陷阱(四)
    【小程序】网络请求API介绍及网络请求的封装
    VR虚拟现实技术在法院技能培训中的应用
    数仓(二)
    计算机基础协议/概念:推送数据— —WebSocket与SSE;前端Blob/URL下载文件
    驱动day4
  • 原文地址:https://blog.csdn.net/weixin_43550562/article/details/140064515