-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;
}
});
});
あなたのイベントセクションには、具体的には: 'event.start = ... format( 'DD-MM-YYYY HH:mm')... 'と終了日に同じ内容が記載されています... – Santi
私はこれを変えなければなりませんか? –
おそらく私は誤解しています - あなたの*希望の*日付形式は何ですか?おそらく 'YYYY-MM-DD HH:mm'を試してみてください。 – Santi