layui 日期選擇器的更近一步范圍選擇


后端大佬要求在日期選擇器范圍內,縮小到最多選擇七天的范圍,這可怎么辦

<el-date-picker
              v-model="formInline.time2"
              type="datetimerange"
              value-format="yyyy-MM-dd HH:mm:ss"
              range-separator="至"
              start-placeholder="開始日期"
              end-placeholder="結束日期"
              :disabled="disabledStates"
              :picker-options="pickerOptions"
            ></el-date-picker>

這是html代碼;

 

timeOptionRange: string = "";
 
pickerOptions = {
    onPick: time => {
      //當第一時間選中才設置禁用
      if (time.minDate && !time.maxDate) {
        this.timeOptionRange = time.minDate;
      }
      if (time.maxDate) {
        this.timeOptionRange = null;
      }
    },
    disabledDate: time => {
      let timeOptionRange: any = this.timeOptionRange;
      let secondNum = 60 * 60 * 24 * 6 * 1000;
      if (timeOptionRange) {
        return (time.getTime() > timeOptionRange.getTime() + secondNum || time.getTime() < timeOptionRange.getTime() - secondNum);
 } } };

這是JS代碼

完美解決....


免責聲明!

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



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