el-calendar头部修改
时间: 2023-08-19 18:13:41 浏览: 318
vue-el-calendar.zip Vue -ElementUI 日历控件
根据引用\[1\]中的内容,要修改el-calendar头部,可以通过隐藏原生按钮,然后自定义一个块来放置日期选择器和上下月跳转。可以使用以下CSS代码来实现这个效果:
```css
/deep/ .el-calendar__button-group {
display: none;
}
```
这样就可以隐藏初始的日历切换按钮了。
另外,根据引用\[2\]和引用\[3\]中的内容,如果要在el-calendar中进行年份的增减操作,可以使用以下代码:
```javascript
// 增加一年
this.calendarDate = new Date(this.calendarDate.setFullYear(this.calendarDate.getFullYear() + 1));
// 减少一年
this.calendarDate = new Date(this.calendarDate.setFullYear(this.calendarDate.getFullYear() - 1));
```
通过设置`this.calendarDate`的年份来实现增减操作。
#### 引用[.reference_title]
- *1* [饿了么日历自定义日期和内容和上下月按钮](https://blog.csdn.net/Tfishupupup/article/details/123372490)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [自定义el-calendar头部](https://blog.csdn.net/weixin_41240422/article/details/121125539)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文