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