- 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 一年之后的日期不能選
}
}