fullCalendar添加自定义按钮

最新推荐文章于 2024-07-23 13:00:00 发布

行内小白

最新推荐文章于 2024-07-23 13:00:00 发布

阅读量5.9k

点赞数 1

分类专栏：开发日志工作 jsp 文章标签： fullCalendar 日历插件自定义按钮

本文链接：https://blog.csdn.net/qq1012566550/article/details/103380138

版权

工作同时被 3 个专栏收录

5 篇文章 0 订阅

订阅专栏

开发日志

2 篇文章 0 订阅

订阅专栏

jsp

2 篇文章 0 订阅

订阅专栏

//fullCalendar3.0以后的版本
 $('#calendar').fullCalendar({
            customButtons: {
                myCustomButton: {
                    text: '自定义按钮', click: function () {
                        alert('点击了自定义按钮!');
                    }
                }
            }, 
            header: {
                left: 'prev,next today myCustomButton', 
                center: 'title', 
                right: 'month,agendaWeek,agendaDay'}
});


//3.0以前的版本
 $('.fc-toolbar .fc-right').prepend(
            $('<button type="button" class="fc-button fc-state-default fc-corner-left fc-corner-right">登陆日程</button>')
                .on('click', function() {
                    var title = prompt('登录日程');
                    if (title) {
                        $('#calendar').fullCalendar(
                            'addResource',
                            { title: title },
                            true 
                        );
                    }
                })
        );