ElementUI的日期組件禁止選擇過去的時間


1. 在組件中添加picker-options屬性;官方說明:當前時間日期選擇器特有的選項

          <el-date-picker
            v-model="addForm.date"
            placeholder="請選擇使用日期"
            type="date"
            value-format="yyyy-MM-dd"
            :picker-options="expireTimeOption"
          />

  

2. 在data函數中return對應的特有的選項expireTimeOption;

      expireTimeOption: {
        disabledDate(date) {
          // 當天可選:date.getTime() < Date.now() - 24 * 60 * 60 * 1000
          return date.getTime() < Date.now()
        }
      }

  


免責聲明!

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



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