JavaScript 事件日歷 (FullCalendar) StartDate EndDate 格式 瀏覽器上的問題

Question

我正在使用 JavaScript 事件日歷。 除了開始和結束日期顯示問題外，一切正常。 我正在從 SQL 服務器讀取數據，格式為 SD:2017-12-08 12:30:00 和 ED:2017-12-08 16:30:00。 但是在瀏覽器事件上顯示為 12-08-2017。 所有事件都會發生同樣的情況。

 $(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 DM-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; } }); });

Answer 1

確保使用 SQL Server 數據庫中的 ISO 8601 格式選擇開始日期和結束日期： CONVERT(NVARCHAR(30),starttime, 126) as startdate 返回 2017-12-08T12:30:00