2017-04-13 3 views
-1

JavaScriptイベントカレンダーを使用しています。問題の開始日と終了日以外はすべて正常に動作しています。私はSQLサーバーからデータを読んでおり、フォーマットはSD:2017-12-08 12:30:00とED:2017-12-08 16:30:00です。しかし、ブラウザのイベントでは、12-08-2017と表示されます。同じくらい薄いことがすべての出来事に起こります。JavaScriptイベントカレンダー(FullCalendar)StartDate EndDate formatingブラウザでの問題

$(document).ready(function() { 
 
     $.ajax({ 
 
      type: "POST", 
 
      contentType: "application/json;charset=utf-8", 
 
      data: "{}", 
 
      url: '<%= ResolveUrl("EventList.aspx/GetEvents")%>', 
 
      dataType: "json", 
 
      success: function (data) { 
 
       $('#fullcal').fullCalendar({ 
 
        eventClick: function (calEvent, jsEvent, view) { 
 
         $('#eid').html(calEvent.id); 
 
         $('#modalTitle').html(calEvent.title); 
 
         $('#msDate').html(moment(calEvent.start).format('DD-MM-YYYY HH:mm')); 
 
         $('#meDate').html(moment(calEvent.end).format('DD-MM-YYYY HH:mm')); 
 
         $('#mloc').html(calEvent.loc) 
 
         $('#mdesc').html(calEvent.des) 
 
         $('#url').attr('href', 'Meetings/Meeting.aspx?ID=' + calEvent.id) 
 
         $('#fullCalModal').modal(); 
 

 
        }, 
 

 
        header: { 
 
         left: 'prev,next today', 
 
         center: 'title', 
 

 
         right: 'month,basicWeek,basicDay' 
 
        }, 
 
        views: { 
 
         month: { // name of view 
 

 
          columnFormat: 'dddd', 
 

 
         }, 
 

 

 
         week: { // name of view 
 
          titleFormat: 'MMMM D , YYYY', 
 
          columnFormat: 'dddd D/M', 
 

 
         }, 
 
         day: { // name of view 
 
          titleFormat: 'MMMM DD YYYY', 
 
          columnFormat: 'dddd D-M-YYYY', 
 

 
         } 
 
        }, 
 

 
        //editable: true, 
 
        displayEventTime: false,// hide event time 
 
        eventLimit: true, // allow "more" link when too many events 
 
        events: $.map(data.d, function (item, i) { 
 
         var event = new Object(); 
 
         event.id = item.EventID; 
 
         event.title = item.EventName; 
 
         event.start = new Date(moment(item.StartDate).format('DD-MM-YYYY HH:mm')); 
 
         event.end = new Date(moment(item.EndDate).format('DD-MM-YYYY HH:mm')); 
 
         event.loc = item.Location; 
 
         event.des = item.Description; 
 
         return event; 
 
        }), 
 

 
       }); 
 

 
       $("div[id=fullcal]").show(); 
 

 
      }, 
 
      error: function (XMLHttpRequest, textStatus, errorThrown) { 
 
       debugger; 
 
      } 
 
     }); 
 
    });

+0

あなたのイベントセクションには、具体的には: 'event.start = ... format( 'DD-MM-YYYY HH:mm')... 'と終了日に同じ内容が記載されています... – Santi

+0

私はこれを変えなければなりませんか? –

+0

おそらく私は誤解しています - あなたの*希望の*日付形式は何ですか?おそらく 'YYYY-MM-DD HH:mm'を試してみてください。 – Santi

答えて

0

SQL ServerデータベースからISO 8601のフォーマットを使用して、あなたの開始日&終了日を選択していることを確認してください:2017-12-08T12を返しSTARTDATEようCONVERT(NVARCHAR(30)、STARTTIME、126) :30:00

関連する問題