我使用完整的日历插件-版本3.9.0在一个大型项目上集成日历。(https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.js)
我日历上的月度视图如下所示:
在此处输入图像描述
到目前为止还不错,但正如你所看到的,这里有缩写";a";以及";p〃;对于";am";以及";pm";。因为我正在开发一个德国项目,所以我想使用HH:mm whithout"格式;a";以及";p";。
我的代码看起来像:
firstDay: 1,
firstHour: 0,
slotMinutes: 15,
slotLabelFormat: ['HH:mm'],
axisFormat: 'HH:mm',
views: {
month: {
columnFormat: 'ddd' // set format for month here
},
week: {
columnFormat: 'D.M.', // set format for week here
titleFormat: 'D. MMMM YYYY'
},
day: {
columnFormat: 'd.M.Y', // set format for day here
titleFormat: 'D. MMMM YYYY'
}
},
displayEventTime: true,
events: '/full-calendar',
selectable:false,
selectHelper: true,
droppable: false,
怎么了?
您可以使用属性timeFormat:
$('#calendar').fullCalendar({
events: [
{
title: 'My Event',
start: '2010-01-01T14:30:00',
allDay: false
}
// other events here...
],
timeFormat: 'H(:mm)' // uppercase H for 24-hour clock
});
参考:https://fullcalendar.io/docs/v3/timeFormat