javascript - Fullcalendar.js在日历下方添加月份标题

我一直在尝试找到一种在自定义UI中插入日历的常规标题的方法。

以下是日历布局的图片-


我已经设法通过使用下一个/上一个事件

`

$('#calendar-prev').click(function() {
    $('#calendar').fullCalendar('prev');
});
$('#calendar-next').click(function() {
    $('#calendar').fullCalendar('next');
});

`

同样，我也通过使用-来管理更改月视图和周视图

`

$('#calendar-month-view').click(function() {
    $('#calendar').fullCalendar( 'changeView', 'month' );
});
$('#calendar-week-view').click(function() {
    $('#calendar').fullCalendar( 'changeView', 'basicWeek' );
});

`

那么，现在我该如何在当前手动写有“月标题”文本的下一个/上一个箭头之间添加日历标题呢？

最佳答案

为了显示下一个/上一个之间的标题，我做了以下工作：

JS-

    function showMonth () {
    var calendarDate = $('#calendar').fullCalendar('getView');
    $('.calendar-title').text(calendarDate.title);
}

$('#calendar-prev').click(function() {
    $('#calendar').fullCalendar('prev');
    showMonth ();
});

$('#calendar-next').click(function() {
    $('#calendar').fullCalendar('next');
    showMonth ();
});

HTML-

<ul class="schedule-filter-by-date">
    <li><a id="calendar-prev"><i class="ti-arrow-circle-left"></i></a></li>
    <li><span class="calendar-title"></span></li>
    <li><a id="calendar-next"><i class="ti-arrow-circle-right"></i></a></li>
</ul>

感谢您的帮助@Kushal和@Chintan！ :)

关于javascript - Fullcalendar.js在日历下方添加月份标题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34606606/