Как отформатировать время в calEvent

Question

Я использую всплывающее окно для добавления событий в полный календарь. Когда я нажимаю на события, я хочу, чтобы это всплывающее окно отображало все заполненные данные, чтобы изменить или удалить событие.

Мне удалось добавить все в текстовые поля, но мое форматирование даты и времени неверно.

Как я могу изменить формат?

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 например

ТНХ

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.

Read 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');