fullCalendar的headerToolbar的right如何添加自定义div块
时间: 2024-02-20 16:00:16 浏览: 21
fullCalendar的headerToolbar的right可以添加自定义div块,可以使用`buttonText`或`customButtons`属性。
使用`buttonText`属性可以在headerToolbar的right区域添加一个简单的文本链接,如下所示:
```javascript
headerToolbar: {
right: 'prev,next today myCustomButton'
},
buttonText: {
myCustomButton: 'My Custom Button'
}
```
这将在headerToolbar的right区域添加一个简单的文本链接,点击该链接将触发一个事件。
使用`customButtons`属性可以在headerToolbar的right区域添加一个自定义的div块,如下所示:
```javascript
headerToolbar: {
right: 'prev,next today myCustomButton'
},
customButtons: {
myCustomButton: {
text: 'My Custom Button',
click: function() {
alert('Clicked custom button!');
}
}
}
```
这将在headerToolbar的right区域添加一个自定义的div块,点击该div块将触发一个事件。在`customButtons`属性中,可以设置div块的文本、样式、点击事件等属性。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)