如何从fullcalendar中单击事件获取事件时间

时间:2015-11-14 23:30:30

标签: javascript jquery fullcalendar momentjs

我在fullcalendar中有一个eventclick事件,它返回有关包含日期和时间的事件的详细信息。我怎么才能得到时间?上午6:00:00

这是我正在使用的fiddle

我正在尝试.time(),因为文档说start就像对象一样,而moment对象有一个名为.time()的方法

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

2 个答案:

答案 0 :(得分:9)

您需要安装插件moment.js

比你可以使用

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

Fiddle

答案 1 :(得分:0)

当前版本的FullCalendar(2.4.0)附带moment.js,这是一个用于解析,操作和格式化日期的扩展库。但是在你的小提琴中,你使用的是FullCalendar 1.5.3,它稍微过时并且不包含moment.js。

您已关联the official docs,但请注意,他们是当前版本,而不是您的旧版本!在FullCalendar中,calEvent.start是标准的JS Date object,因此您可以使用标准的Date方法来获取时间:

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
}