2013-09-02 3 views
0

팝업 양식을 사용하여 전체 캘린더에 일정을 추가합니다. 이벤트를 클릭하면 변경 사항을 입력하거나 이벤트를 삭제하기 위해 채워지는 모든 데이터가 표시됩니다.calEvent에서 시간 서식을 지정하는 방법

텍스트 상자에 모두 추가했지만 날짜 및 시간 형식을 잘못 지정했습니다.

형식을 어떻게 변경할 수 있습니까?

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년 9월 12일 같은 날짜 14:00로 시작/종료 시간을 표시 할 2013년 9월 12일 14시 0분 0초

로 값을 얻을 예

들으

답변

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); 
    } 
}); 
2

fullcalendar 2.1.1부터 formatDate는 더 이상 지원되지 않는 것 같습니다.

fullCalendar에 대한 moment.js의 통합에 대해 언급하기 쉽습니다. 같은 포맷

읽기 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');  
관련 문제