zoukankan      html  css  js  c++  java
  • Element ui TimePicker 开始时间不得小于结束时间

    1.在 picker-options 属性中添加startTimed

    <el-form-item prop="startTime">
                  <el-date-picker
                    v-model="investigationForm.startTime"
                    format="yyyy-MM-dd"
                    type="date"
                    placeholder="选择调查开始日期"
                    :picker-options="startTimed"
                  ></el-date-picker>
                </el-form-item>
                <el-form-item prop="endTime">
                  <el-date-picker
                    v-model="investigationForm.endTime"
                    format="yyyy-MM-dd"
                    type="date"
                    placeholder="选择调查结束日期"
                    :picker-options="endTimed"
                  ></el-date-picker>
     </el-form-item>
    

    2.在data中定义 startTime

    // 开始时间小于结束时间 且 不超过当天日期
    
            startTimed: {
              disabledDate: (time) => {
                if (this.investigationForm.endTime) {
                  return (
                    time.getTime() >
                    new Date(this.investigationForm.endTime).getTime()
                  )
                } else {
                  return time.getTime() > Date.now()
                }
              },
            },
            endTimed: {
              disabledDate: (time) => {
                if (this.investigationForm.startTime) {
                  return (
                    time.getTime() > Date.now() ||
                    time.getTime() <
                      new Date(this.investigationForm.startTime).getTime()
                  )
                } else {
                  return time.getTime() > Date.now()
                }
              },
            },
    

      

  • 相关阅读:
    设计模式总结
    centos7.5 安装python3.7
    搭建yum软件源
    centos安装gitbook
    编译技术
    samba安装
    docker命令
    shell基础知识
    随笔
    虚拟机字节码执行引擎(三)
  • 原文地址:https://www.cnblogs.com/WorldEye/p/14169079.html
Copyright © 2011-2022 走看看