2017-06-14 175 views
1

我正在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"); 
       } 
      } 
     }); 

任何幫助將不勝感激。提前致謝。

回答

-1

根據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設置爲今天的日期 –

0

「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