element-ui 日期插件讓結束日期大於開始日期


 <el-date-picker
              v-model="addForm.startDate"
              type="date"
              size="mini"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              placeholder="開始時間"
              :picker-options="pickerOptionsStart"
            >
            </el-date-picker>
<el-date-picker
v-model="addForm.endDate"
type="date"
size="mini"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
placeholder="選擇日期"
:picker-options="pickerOptionsEnd"
>
</el-date-picker>
 export default {
    data() {
      return {

      pickerOptionsStart: {
          disabledDate: time => {
            let endDateVal = this.addForm.endDate;
            if (endDateVal) {
              return time.getTime() > new Date(endDateVal).getTime();
            }
          }
        },
        pickerOptionsEnd: {
          disabledDate: time => {
            let beginDateVal = this.addForm.startDate;
            if (beginDateVal) {
              return (
                time.getTime() <
                new Date(beginDateVal).getTime() - 1 * 24 * 60 * 60 * 1000
              );
            }
          }
        },


}
}
}

 


免責聲明!

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



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