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

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM