php - example - fullcalendar ejemplos

Fullcalendar, botón Hacer hoy para el mes actual activo

Question

Hoy botón deshabilitar para el mes actual. cuando va el próximo o el mes anterior, aparece como activo (cuando hace clic en el botón de HOY el control va al mes actual).

En el código siguiente estoy mostrando cómo hacer que el botón de hoy esté activo para el mes actual.

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

(donde #calendar es ID de calendario completo)
llamar a esta función cuando la carga del calendario

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

También en la función eventRender

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

Cuando carga el calendario (carga de página) ese primer código de tiempo funciona y cuando cambia el mes y va al mes actual (haciendo clic en el botón de hoy), el segundo código activa el botón Hoy.

Answer 1

El botón "hoy" se desactiva automáticamente cuando la fecha de hoy es visible en el área del calendario prestado, ya que no tiene sentido saltar a "hoy" si ya está visible. Si realmente desea que esté siempre habilitado, es posible 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

En FullCalendar , el botón Hoy se desactiva automáticamente cuando estamos en la fecha de hoy. Por favor revisa el código a continuación.

$(''#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

Hoy botón deshabilitar para el mes actual. cuando va el próximo o el mes anterior, aparece como activo (cuando hace clic en el botón de HOY el control va al mes actual).

En el código siguiente estoy mostrando cómo hacer que el botón de hoy esté activo para el mes actual.

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

(donde #calendar es ID de calendario completo)
llamar a esta función cuando la carga del calendario

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

También en la función eventRender

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

Cuando carga el calendario (carga de página) ese primer código de tiempo funciona y cuando cambia el mes y va al mes actual (haciendo clic en el botón de hoy), el segundo código activa el botón Hoy.