• 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()
                }
              },
            },
    

      

  • 相关阅读:
    什么是动态链接库
    <<TCP/IP高效编程>>读书笔记
    C++ 函数
    我的vim配置
    FastReport4.6程序员手册_翻译
    DUnit研究初步
    ADO BUG之'无法为更新定位行....' 解决之道
    极限编程的集成测试工具Dunit
    总结
    项目管理检查清单项目启动
  • 原文地址:https://www.cnblogs.com/WorldEye/p/14169079.html
Copyright © 2020-2023  润新知