elementui时间选择器快捷键今年
时间: 2023-11-25 07:52:16 浏览: 151
支持键盘快捷键日历时间选择器
以下是element-ui时间选择器快捷键今年的方法:
```html
<template>
<div>
<el-date-picker
v-model="value"
type="date"
:picker-options="pickerOptions"
:shortcuts="shortcuts">
</el-date-picker>
</div>
</template>
<script>
export default {
data() {
return {
value: '',
pickerOptions: {
disabledDate(time) {
return time.getTime() > Date.now();
}
},
shortcuts: [{
text: '今年',
onClick(picker) {
const end = new Date();
const start = new Date(new Date().getFullYear(), 0, 1);
picker.$emit('pick', [start, end]);
}
}]
};
}
};
</script>
```
在上面的代码中,我们使用了`shortcuts`属性来添加快捷键。我们添加了一个名为“今年”的快捷键,当用户点击它时,它将选择今年的开始和结束日期。
阅读全文