elementUi 日歷添加可選區間(只能選擇一個月的時間段)


<el-form-item>
        <el-date-picker clearable v-model="times" :picker-options="pickerOptions"
 type="datetimerange" value-format="yyyy-MM-dd HH:mm:ss" start-placeholder="起始時間" end-placeholder="截止時間"> </el-date-picker>
      </el-form-item>

js

     times:'',
      pickerOptions: {
      onPick: ({maxDate, minDate}) => {
        this.times= minDate.getTime();
        if (maxDate) {
          this.times= ''
        }
        }, disabledDate: (time) => {
          if (this.times!== '') {
            const one = 30 * 24 * 3600 * 1000;
            const minTime = this.times- one;
            const maxTime = this.times+ one;
            return time.getTime() < minTime || time.getTime() > maxTime
          }
        }
      }

 


免責聲明!

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



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