Question

今天按钮禁用当月。当你去下个月或上个月时，它显示为活动状态（当点击“今日”按钮控件转到当前月份时）。

在下面的代码中，我将展示如何使今天按钮处于当月活动状态。

 function makeTodaybtnActive()
      {
         $('#calendar button.fc-today-button').removeAttr('disabled');
         $('#calendar button.fc-today-button').removeClass('fc-state-disabled');
       }

（其中#calendar是fullcalendar id）
在日历加载

时调用此函数

 $(window).load(function() {
    makeTodaybtnActive();
 });

同样在 eventRender 功能

   $('#calendar').fullCalendar({
        eventRender: function(event, element) {
          makeTodaybtnActive();
        },
   });

当第一个代码工作的日历加载（页面加载）以及更改月份并转到当前月份（通过单击今天按钮）时，第二个代码使“今天”按钮处于活动状态。

Answer 1

今天＆＃39;当今天的日期在呈现的日历区域中可见时，按钮会自动变为非活动状态，因为没有必要跳到今天的日期。如果它已经可见如果您真的希望始终启用它，则可以https://jsfiddle.net/73b7rva6/

document.addEventListener('DOMContentLoaded', function() {
    $('#calendar').fullCalendar({
        eventAfterAllRender: function(view) { /* used this vs viewRender */
            makeTodayButtonActive();
        }
    });

    function makeTodayButtonActive() {
        /* turn off fc-state-disabled class and remove 'disabled' property */
        $('#calendar button.fc-today-button').removeClass('fc-state-disabled').prop('disabled', false);
    }
});

Answer 2

在FullCalendar中，当我们在今天的日期时，今天按钮会自动停用。请查看以下代码。

$('#calendar').fullCalendar({
    events: [{
        title: 'Event 1',
        start:  moment().add(1, 'h'),
        end: moment().add(2, 'h'),
        allDay: false
    }], 
    header: {
        left: '',
        center: 'prev title next today',
        right: ''
    },
    timezone:'local',
    defaultDate: '2014-11-15',
    editable: false,
    eventLimit: false,
    firstDay: 6,
    defaultView: 'agendaWeek',
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.3/moment.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.1.1/fullcalendar.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.1.1/fullcalendar.min.js"></script>

<div id="calendar"></div>

Answer 3