设置PHP日期为今天的日期在jQuery全日历

问题描述:

我正在jQuery的完整日历插件。我必须根据动态时区设置今天的完整日历日期。我今天的PHP日期变量。如何从完整日历中的PHP变量中设置今天的日期。我尝试了gotoDate的选项,但它不起作用。设置PHP日期为今天的日期在jQuery全日历

请找到下面的代码: -

$("#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"); 
       } 
      } 
     }); 

任何帮助将不胜感激。提前致谢。

根据docs,您必须先创建一个MomentJS对象。所以,你必须设置PHP变量中的一瞬间对象是这样的:

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

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

您创建对象后,您将JS变量date在goToDate属性:

gotoDate: date 
+0

感谢您的快速回复。我试过这个解决方案,它不工作。我试过这样。 var date = $ .fullCalendar.moment(“2017-06-17”);然后写这个。 gotoDate:日期。但它不起作用 –

+0

@mohammashoaibnagori你在控制台中遇到什么错误?你是否已经从https://momentjs.com/嵌入了MomentJS库? –

+0

是的,包括了moment.js。我可能不会在控制台中出错。它不会将时间17设置为今天的日期 –

“gotoDate”是方法不是选项。你不能在这样的初始化选项中指定它。

为了设置显示的日期时,日历负载,你需要的是“defaultDate”(https://fullcalendar.io/docs/current_date/defaultDate/

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

您应该确保$startdateYYYY-MM-DD格式可以肯定,有没有对fullCalendar提供的信息不明确。

N.B. “gotoDate”打算在之后使用日历被初始化,如果您需要根据日历控件范围之外的某些事件手动设置当前日期。有关使用说明,请参阅https://fullcalendar.io/docs/current_date/gotoDate/

+0

非常感谢您的答复。我在完整日历中完成了一个选项。使用“now”的 –

+0

与设置日历上显示的当前日期不完全相同。 “现在”只是强调了你在日历上将它作为“今天”的日期。它不控制日历实际显示的日期。由于您最初尝试使用“gotoDate”,因此我假定您想要控制日历在第一次加载时显示的日期,而不是试图告诉它将哪一天用作“今天”。 – ADyson