2010-05-14 4 views
0

J'utilise le plugin jquery fullcalendar, et j'aimerais afficher 2009 et 2011 dans les boutons nextYear et prevYear.Plugin jquery fullcalendar Afficher les années sur les boutons nextYear

Pour exmaple:

2009 Mai 2010 2011

Je sais que je peux mettre du texte statique sur les boutons comme ceci:

buttonText: { prevYear: '2009', nextYear: ' 2011 ' },

Mais je voudrais que ces années changent, selon l'année que le calendrier est en train de regarder. Il y a de la documentation sur 'l'année' ici: http://arshaw.com/fullcalendar/docs/current_date/ mais je ne sais pas comment obtenir cette propriété 'année'.

Les exemples seraient appréciés,

Merci,

--Nate

Répondre

0

Vous voudriez probablement juste écraser les boutons vous et ajoutez vos propres événements

function setYearButtons() 
{ 
    var currentDate = $("#mycal").fullCalendar('getDate'); 

    // I'm not 100% sure on these class names, but you can inspect the dom and figure those out 
    $(".fc-button-last span").text(currentDate.getYear() + 1); 
    $(".fc-button-first span").text(currentDate.getYear() - 1); 
} 

qui vous pourriez appeler chaque fois que l'année a changé.

0

similaires à Joel's answer, mais mis à jour pour FullCalendar v1.6.4:

var calendar = document.getElementById(...), 
    $calendar = $(calendar), // wrap calendar once 
    prevYearButton, 
    nextYearButton; 

$calendar.fullCalendar({ 
    ... 
    viewRender: function() { 
     var year = $calendar.fullCalendar('getDate').getFullYear(); 
     prevYearButton.innerHTML = year - 1; 
     nextYearButton.innerHTML = year + 1; 
    } 
}); 

// do this after initializing FullCalendar 
prevYearButton = calendar.querySelector('.fc-button-prevYear'); 
nextYearButton = calendar.querySelector('.fc-button-nextYear'); 
Questions connexes