fullcalendar 插件中的事件标题中添加了奇怪的文本
Strange text is added to the event title in fullcalendar plugin
我正在创建一个完整日历,它通过 events
属性.
中设置的函数调用来检索事件
这是完整的日历定义(在显示模态对话框时创建):
var calendarCreated = false;
$('#modal_calendar').on('shown.bs.modal', function () {
$(this).find('.card-header').draggable();
if (!calendarCreated) {
$('[data-toggle="calendar"]').fullCalendar({
themeSystem: 'bootstrap4',
locale: 'es',
monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
monthNamesShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'],
dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
dayNamesShort: ['Dom', 'Lun', 'Mar', 'Mié', 'Jue', 'Vie', 'Sáb'],
header: {
left: 'title',
center: '',
right: 'prev,next today'
},
buttonText: {
today: 'Hoy',
month: 'Mes',
week: 'Semana',
day: 'Día'
},
events: '/myurl',
eventRender: function (eventObj, $el) {
$el.popover({
title: 'Menú ' + eventObj.title,
content: eventObj.description,
trigger: 'hover',
placement: 'top',
container: 'body'
});
},
});
calendarCreated = true;
}
});
返回的JSON object正确包含事件名称,例如
记下 title
值。好吧,这就是日历的实际显示方式(活动开始日期是 4 月 28 日 00:00):
注意在事件名称之前添加的 4a
文本。为什么会这样,我怎样才能摆脱它?
事件标题前的文本是根据插件配置格式化的事件时间。
默认情况下,它具有每个区域设置的值。在您的代码中指定 'es'。 '4a' 代表凌晨 4 点。
timeFormat 选项允许您修改它。例如,
timeFormat: 'H:mm'
将 am/pm 格式更改为 24 小时显示格式并始终显示分钟部分。
请参阅 timeFormat option docs 了解更多详情。
我正在创建一个完整日历,它通过 events
属性.
这是完整的日历定义(在显示模态对话框时创建):
var calendarCreated = false;
$('#modal_calendar').on('shown.bs.modal', function () {
$(this).find('.card-header').draggable();
if (!calendarCreated) {
$('[data-toggle="calendar"]').fullCalendar({
themeSystem: 'bootstrap4',
locale: 'es',
monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
monthNamesShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'],
dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
dayNamesShort: ['Dom', 'Lun', 'Mar', 'Mié', 'Jue', 'Vie', 'Sáb'],
header: {
left: 'title',
center: '',
right: 'prev,next today'
},
buttonText: {
today: 'Hoy',
month: 'Mes',
week: 'Semana',
day: 'Día'
},
events: '/myurl',
eventRender: function (eventObj, $el) {
$el.popover({
title: 'Menú ' + eventObj.title,
content: eventObj.description,
trigger: 'hover',
placement: 'top',
container: 'body'
});
},
});
calendarCreated = true;
}
});
返回的JSON object正确包含事件名称,例如
记下 title
值。好吧,这就是日历的实际显示方式(活动开始日期是 4 月 28 日 00:00):
注意在事件名称之前添加的 4a
文本。为什么会这样,我怎样才能摆脱它?
事件标题前的文本是根据插件配置格式化的事件时间。 默认情况下,它具有每个区域设置的值。在您的代码中指定 'es'。 '4a' 代表凌晨 4 点。 timeFormat 选项允许您修改它。例如,
timeFormat: 'H:mm'
将 am/pm 格式更改为 24 小时显示格式并始终显示分钟部分。 请参阅 timeFormat option docs 了解更多详情。