Comment définir le calendrier complet à une date de début spécifique lorsqu'il est initialisé pour la 1ère fois?

Question

Je tiens à mettre le premier mois de l'arbitraire d'un mois, lorsque j'ai appeler la fonction pour afficher le calendrier.

Disons, par exemple, l'utilisateur sélectionne une date en juin dernier (juin 2011) quelque part d'autre et je veux fullcalendar pour montrer avec un affichage du mois d'avril avant (avril 2010). Et oui, c'est juste pour faire un cas, de ne pas faire de sens ;-) )

J'ai essayé d'appeler "gotodate' avant j'ai ensuite appeler la fonction d'affichage, mais cela ne semble pas fonctionner

$('#calendar').fullCalendar( 'gotoDate', currentdate);
$('#calendar').fullCalendar({
    header: {left: 'prevYear,prev,today,next,nextYear',
         center: 'title', right: 'month,basicWeek,basicDay' etc...}

Quelqu'un pourrait éventuellement donner un exemple comment le faire correctement?

Answer 1

Vous devez utiliser les options 'année', 'mois' et 'date' lors de l'initialisation pour spécifier la valeur de date initiale utilisée par fullcalendar:

 $('#calendar').fullCalendar({
 year: 2012,
 month: 4,
 date: 25
});  // This will initialize for May 25th, 2012.
 

Voir la fonction setYMD(date,y,m,d) dans le fichier fullcalendar.js ; notez que les fonctions JavaScript setMonth, setDate et setFullYear sont utilisées, donc la valeur de votre mois doit être basée sur 0 (Jan est 0).

Answer 2

Vous l'avez à l'envers. Affichez d'abord le calendrier, puis appelez gotoDate .

 $('#calendar').fullCalendar({
  // Options
});

$('#calendar').fullCalendar('gotoDate', currentDate);
 

Answer 3

J'ai eu plus de chance d'appeler le gotoDate dans le rappel viewRender :

 $('#calendar').fullCalendar({
  firstDay: 0,
  defaultView: 'basicWeek',
  header: {
    left: '',
    center: 'basicDay,basicWeek,month',
    right:  'today prev,next'
  },
  viewRender: function(view, element) {
    $('#calendar').fullCalendar( 'gotoDate', 2014, 4, 24 );
  }
});
 

L'appel gotoDate dehors du rappel n'a pas eu les résultats attendus en raison d'une condition de concurrence.

Answer 4

Dans la version 2.1.1, cela fonctionne:

 $('#calendar').fullCalendar({
// your calendar settings...
});

$('#calendar').fullCalendar('gotoDate', '2014-05-01');
 

Documentation sur le format heure / date: http://fullcalendar.io/docs/utilities/Moment/ Documentation sur les mises à niveau dans la version 2: https://github.com/arshaw/fullcalendar/wiki/Upgrading-to-v2