web-dev-qa-db-fra.com

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?

phpjqueryfullcalendar
13
Pushparaj

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.

28
Matt H.

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

14
user1709374

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());  
    },

});
0
prime

Avec la dernière version (2018) besoin d'utiliser ce code!

jQuery("#your_selector").fullCalendar('getDate').month()
0
r1si