0

我使用弹出表单将事件添加到完整日历。当我单击事件时，我希望该弹出窗口显示所有填写的数据以更改或删除事件。

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

如何更改格式？

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 例如

谢谢

4

2 回答 2

2

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

很高兴提到 moment.js 与 fullCalendar 的集成。

阅读 Moment.js文档，格式如下：

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');
于 2014-09-16T22:39:07.110 回答
2

您可以使用$.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);
    }
});
于 2013-09-03T18:04:12.443 回答