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

  

 

posted @ 2020-12-21 17:39  凉城i  阅读(1000)  评论(0编辑  收藏  举报