Définir la date PHP comme date du jour dans le calendrier complet de jQuery

Question

Je travaille sur des plugins de calendrier complet de jQuery. Je dois définir la date du jour du calendrier complet en fonction du fuseau horaire dynamique. J'ai la date du jour dans une variable PHP. Comment définir la date du jour à partir d'une variable PHP dans le calendrier complet. J'ai essayé avec l'option de gotoDate mais cela ne fonctionne pas.

Veuillez trouver le code ci-dessous:-

$("#calendar").fullCalendar({
            gotoDate : <?php echo $startdate; ?>,
            dayClick: function (date, jsEvent, view){
                $(".fc-state-highlight").removeClass("fc-state-highlight");
                $("td[data-date="+date.format('YYYY-MM-DD')+"]").addClass("fc-state-highlight");
            },
            eventRender: function(event, element, view){
                if(event.start._d.getMonth() !== $("#calendar").fullCalendar("getDate")._d.getMonth()){
                    return false;
                }
            },
            viewRender: function(view, element){
                $(".fc-other-month").html("");
            },
            windowResize: function(view) {
                if($(window).width() < 514){
                    $("#calendar").fullCalendar("changeView", "basicDay");
                }else{
                    $("#calendar").fullCalendar("changeView", "month");
                }
            }
        });

Toute aide sera appréciée. Merci d'avance.

Answer 1

"gotoDate" est un méthode pas un option . Vous ne pouvez pas le spécifier comme ça dans les options d'initialisation.

Afin de définir la date qui est affichée lors du chargement du calendrier, vous avez besoin de "defaultDate" ( https://fullcalendar.io/docs/current_date/defaultDate/ )

$("#calendar").fullCalendar({
        defaultDate : <?php echo $startdate; ?>,

Vous devez vous assurer que $startdate est en YYYY-MM-DD pour s'assurer qu'il n'y a pas d'ambiguïté sur les informations données à fullCalendar.

N.B. "gotoDate" est destiné à être utilisé après le calendrier est initialisé, si vous devez définir manuellement la date du jour en fonction d'un événement extérieur au contrôle du calendrier. Voir https://fullcalendar.io/docs/current_date/gotoDate/ pour les instructions d'utilisation.

Answer 2

Utilisez ce code :D

//seting current date php
$today = date("Y-m-d");

//seting current date in js fullcalendar

defaultDate:   <?php echo "'" . $today. "'"; ?>, //yyyy+"-"+mm+"-"+dd,  >jsformat<

//example
    $('#calendar').fullCalendar({

                defaultDate:   <?php echo "'" . $today . "'"; ?>,
    });

Answer 3

Selon le docs vous devez d'abord créer un objet MomentJS. Vous devez donc définir la variable php dans un objet Moment comme ceci :

var date = $.fullCalendar.moment('2014-05-01'); //This is the format Y-m-d

var date = $.fullCalendar.moment('<?php echo $startdate; ?>');

Après avoir créé votre objet, vous avez défini la variable js date dans l'attribut goToDate :

gotoDate: date