element ui日期選擇器只能選擇一年之內的數據


  • html代碼
<el-date-picker v-model="sysFnClkFrqForm.date" :picker-options="pickerOptions" type="daterange" size="mini"
 format="yyyy-MM-dd" value-format="yyyy-MM-dd" range-separator="-" start-placeholder="開始日期" end-placeholder="結束日期">
 </el-date-picker>

重點在於el-date-picker中的picker-options的屬性

  • js代碼
pickerOptions: {
        disabledDate(time) {
          const year = new Date().getFullYear() // 獲取當前年份
          const mon = new Date().getMonth() + 1 // 獲取當前月份份
          const day = new Date().getDate() // 獲取當前日期
          const oneYear = year + 1 // 獲取明年
          const timeYear = new Date(oneYear + '/' + mon + '/' + day).getTime() // 將明年的日期轉換成時間戳
          return time.getTime() < Date.now() - 8.64e7 || time.getTime() > timeYear // time.getTime() < Date.now() - 8.64e7 當前日期之前的日期不能選     time.getTime() > timeYear 一年之后的日期不能選
        }
      }


免責聲明!

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



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