Question

我使用弹出窗体向fullcalendar添加事件。当我点击事件时，我希望弹出窗口显示填写的所有数据以更改或删除事件。

我成功添加了文本框中的所有内容，但我的日期和时间格式错误。

如何更改格式？

eventClick: function(calEvent, jsEvent, view) {
    $("#id").val(calEvent.id);
    $("#date").val(calEvent.start);
    $("#start").val(calEvent.start);
    $("#end").val(calEvent.end);
    $("#allday").val(calEvent.allDay);
    $("#title").val(calEvent.title);
    $("#location").val(calEvent.location);
    $("#description").val(calEvent.description);
    $("#url").val(calEvent.url);
    //open form    
    $(".modalbox").trigger('click');
}

我得到的值为2013-09-12 14:00:00

所以我希望将日期显示为2013-09-12，将开始/结束时间显示为14:00，例如

THX

Answer 1

您可以使用$.fullCalendar.formatDate(from, format);转换日期和时间。一些例子：

$('#calendar-container').fullCalendar({
    eventClick: function(calEvent, jsEvent, view){
        var start = $.fullCalendar.formatDate(calEvent._start, 'dd.MM.yyyy HH:mm:ss');
        var end = $.fullCalendar.formatDate(calEvent._end, 'dd.MM.yyyy HH:mm:ss');
        alert('start: ' + start + '; end: ' + end);
    }
});

Answer 2

从fullcalendar开始2.1.1 formatDate似乎不再受支持。

很高兴提及将moment.js整合到fullCalendar。

阅读Moment.js Documentation，格式如下：

moment().format('MMMM Do YYYY, h:mm:ss a'); // September 16th 2014, 6:38:44 pm
moment().format('dddd');                    // Tuesday
moment().format("MMM Do YY");               // Sep 16th 14
moment().format('YYYY [escaped] YYYY');

如何在calEvent中格式化时间

2 个答案: