Comment obtenir le mois sélectionné dans le calendrier complet jQuery?
Nous utilisons le calendrier complet jQuery pour afficher les événements de la base de données.
Je dois afficher les événements sous l'agenda en fonction du mois sélectionné par l'utilisateur onchange
. Je peux obtenir des données en fonction de la date de l'événement mais je ne peux pas obtenir le mois sélectionné par l'utilisateur dans le calendrier jQuery.
$('#calendar').fullCalendar({
theme: true,
header: {
left: 'today',
center: 'prevYear,prev,title, next,nextYear',
right: ' month,agendaWeek,agendaDay'
},
buttonText: {
prevYear: 'Prev'
},
editable: false,
events: [
<?php foreach ($edumeet_invite_det as $key => $edumeet_det): ?>
<?php $edumeet_start = $edumeet_det->getFromDate(); ?>
<?php $edumeet_end = $edumeet_det->getToDate(); ?>
<?php $title = $edumeet_det->getTitle(); ?>
{
title:'<?php echo $title; ?>',
start:'<?php echo $edumeet_start ?>',
end:'<?php echo $edumeet_end ?>',
allDay: false
},
<?php endforeach; ?>
],
eventColor: '#378006',
});
C’est la fonction de calendrier que j’utilise, je dois obtenir le mois sélectionné par l’utilisateur onchange
. Quelqu'un at-il une solution à ce problème?
Peut-être que je ne comprends pas bien votre question, mais il semblerait que vous ayez juste besoin de connaître le mois en cours à l'écran?
FullCalendar a une méthode "getDate".
function getMonth(){
var date = $("#calendar").fullCalendar('getDate');
var month_int = date.getMonth();
//you now have the visible month as an integer from 0-11
}
Désolé si ce n'est pas ce que vous demandiez.
La fonction "getView" qui pourrait vous être utile:
Pour obtenir le premier jour du mois civil:
$(cal).fullCalendar('getView').start
Pour obtenir le dernier jour du mois civil:
$(cal).fullCalendar('getView').end
Pour obtenir le premier jour visible du calendrier: (les derniers jours du mois précédent)
$(cal).fullCalendar('getView').visStart
Pour obtenir le dernier jour visible du calendrier: (les premiers jours du mois prochain)
$(cal).fullCalendar('getView').visEnd
Il existe différentes manières d’obtenir la date. En dessous, you can do it when you initialize the calendar
permet d’obtenir la date, le mois et l’année séparément.
$('#calendar').fullCalendar({
dayClick: function(date, jsEvent, view) {
alert('Clicked on: ' + date.getDate()+"/"+date.getMonth()+"/"+date.getFullYear());
},
});
Avec la dernière version (2018) besoin d'utiliser ce code!
jQuery("#your_selector").fullCalendar('getDate').month()