未设置日期选择时:
设置之后的样子:
废话不多说直接上代码
<el-date-picker v-model="yearVal" type="year" placeholder="请选择年份"
@change="loadData()" :picker-options="pickerOptions" format="yyyy"
value-format="yyyy">
pickerOptions: {
disabledDate(data) {
let year = new Date().getFullYear()
return (
data.getTime() > new Date(year + '-12-31').getTime() ||
data.getTime() < new Date('2020-01-01').getTime()
)
}
}
同理,在项目中用到element的时间选择器的时候,可以在picker-options中进行设置,原理同上一样