element-ui 日期選擇范圍限制,只允許選擇上下浮動一個月內的日期


<el-date-picker class="filter-item" type="daterange" value-format="yyyy-MM-dd" start-placeholder="開始日期" end-placeholder="結束日期" :picker-options="pickerOptions">
</el-date-picker>

  

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

  


免責聲明!

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



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