el-date-picker获取年份
时间: 2023-11-17 17:00:46 浏览: 105
获取年月日
el-date-picker可以通过设置value-format属性为"yyyy"来获取年份。同时,可以通过@change事件监听日期选择器的变化,然后在事件处理函数中获取选择的年份。另外,可以通过picker-options属性设置日期选择器的选项,例如设置可选的日期范围等。
示例代码如下:
```html
<el-date-picker v-model="years" :picker-options="datePickerOptions" value-format="yyyy" type="year" @change="handleYearChange" placeholder="请选择年份"></el-date-picker>
```
```javascript
data() {
return {
years: '', // 选择的年份
datePickerOptions: { // 日期选择器选项
disabledDate: (time) => {
// 设置不可选的日期范围
return time.getTime() > Date.now()
}
}
}
},
methods: {
handleYearChange(val) {
console.log(val.getFullYear()) // 获取选择的年份
}
}
```
阅读全文