2015-11-14 59 views
0

我在fullcalendar中有一個eventclick事件,它會返回有關包含日期和時間的事件的詳細信息。我怎麼才能得到時間? ex 6:00:00 am如何從全日曆中的事件點擊獲取活動時間

這是我使用的fiddle

我想。時間(),因爲文件說start就像對象和時刻對象時刻有一個名爲.time()

eventClick: function (calEvent, jsEvent, view) { 
     alert(calEvent.start.time()); 
    } 
+0

的第一個參數似乎是一個Date對象 – dandavis

+1

按照文檔'。時間()'返回的時間,而不是起始時間。因此,請嘗試'calEvent.start.format('h:mm:ss a')' – Reeno

回答

7

您需要安裝插件方法moment.js

比您可以使用

eventClick: function (calEvent, jsEvent, view) { alert(moment(calEvent.start).format('h:mm:ss a')); }

Fiddle

+0

moment.js已經是FullCalender的一部分,大部分時間是moment.js-objects – Reeno

0

當前版本的FullCalendar(2.4.0)獲得了moment.js,這是一個擴展庫來解析,處理和格式化日期。但在你的小提琴中,你使用的FullCalendar 1.5.3稍微老一些,不包括moment.js。

您鏈接了the official docs,但要注意,它們是針對當前版本的,而不是您的舊版本!在你FullCalendar,calEvent.start是一個標準的JS Date object,這樣你就可以使用標準日期的方法來獲取時間:

eventClick: function (calEvent, jsEvent, view) { 
    alert(calEvent.start.getHours()+':'+calEvent.start.getMinutes()+':'+calEvent.start.getSeconds()); 
    // displays 10:30:0 
} 

在你的小提琴:https://jsfiddle.net/jRFYE/471/

如果你想切換到FullCalendar的當前版本,你可以使用moment.js方法。我更新了小提琴to the latest version of FullCalendar,在這裏你可以在更廣泛的方式格式化時間:

eventClick: function (calEvent, jsEvent, view) { 
    alert(calEvent.start.format('h:mm:ss a')); 
    // displays 10:30:00 am 
} 
相關問題