2016-06-28 40 views
1

我在我的項目上使用fullcalendar。我的用戶將輸入事件信息,如事件名稱,日期和位置。一切正常,但日期/時間。 當用戶輸入日期和時間它看起來像這樣:06/28/2016 10:00 AM如何獲取fullcalendar來讀取日期/時間?

FullCalendar讀取日期,但不讀取時間。 我需要做什麼才能讀取時間?

這裏是我的js的fullcalendar:

$(document).ready(function() { 

    // page is now ready, initialize the calendar... 

    $('#calendar').fullCalendar({ 
    // put your options and callbacks here 

    header: { 
     left: 'prev,next today', 
     center: 'title', 
     right: 'month,agendaWeek,agendaDay' 
    }, 
    weekends: true, 

    events: 'http://www.familyevent.comli.com/events.php', 

    eventRender: function(event) { 
     if (event.allDay === 'true') { 
     event.allDay = true; 
     } else { 
     event.allDay = false; 
     } 

    }, 
    eventClick: function(event) { 
     alert("event start " + moment(event.start).format('MM/DD/YYYY hh:mm a') + " event end " + 
     moment(event.end).format('MM/DD/YYYY hh:mm:ss')); 
    } 

    }); 

}); 

我把eventClick看到什麼fullCalendar在看書。它獲取日期,但時間始終爲12:00 AM

回答

1

使用已與fullCalendar捆綁的moment.js將日期轉換爲fullcalendar將理解的格式。

event.start = moment("06/28/2016 10:00 AM"); 

如果仍然甚至不AM之前刪除空格後的工作,如果你的日期格式是明確的,你可以一步一步來,通過手動添加小時和分鐘創造的那一刻對象:

var time = ("06/28/2016 10:00 AM").split(" ")[1].split[":"]; 
event.start = moment("06/28/2016 10:00 AM").hours(time[0]).minutes(time[1]); //also add AM/PM handling 
+0

event.start = moment(「2016/6/28 10:00 10:00」);但將所有事件設置爲該日期和時間event.start = moment(「MM/DD/YYYY hh:mm A」);不起作用。爲什麼是這樣? – aarontemp

+0

你需要指定一個格式,當你這樣做的時候。現在你正在得到Moment回落到JS日期的棄用警告。您的代碼應該是時刻(「2016年6月28日上午10:00」,「MM/DD/YYYY hh:mm a」) –

+0

仍然會將我的所有活動更改爲6/28/2016 10:00 AM。 fullcalendar可以讀取日期,但不會讀取時間。我的json feed中的事件就像這個'2016-06-28T11:00'。它得到日期,但時間不見了。它始終將12:00 am作爲時間 – aarontemp