FullCalendar 的默认月视图显示显示日期名称的简短版本。
我一直在尝试找出如何更改显示以显示全天名称。我已经阅读了有关 dayNames 和 dayNamesShort 的文档,但我无法让它工作。
任何有关如何显示全天名称的帮助将不胜感激。
谢谢。
FullCalendar 的默认月视图显示显示日期名称的简短版本。
我一直在尝试找出如何更改显示以显示全天名称。我已经阅读了有关 dayNames 和 dayNamesShort 的文档,但我无法让它工作。
任何有关如何显示全天名称的帮助将不胜感激。
谢谢。
这是如何做到的。魔术是通过columnFormat
选项完成的。
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
timeFormat: {
// for agendaWeek and agendaDay do not display time in title (time already displayed in the view)
agenda: '',
// for all other views (19p)
'': 'H:mm{ - H:mm}'
},
// *** use long day names by using 'dddd' ***
columnFormat: {
month: 'dddd', // Monday, Wednesday, etc
week: 'dddd, MMM dS', // Monday 9/7
day: 'dddd, MMM dS' // Monday 9/7
},
axisFormat: 'H:mm',
firstHour: 6
});
});
我可以通过执行以下操作来修改名称
$(document).ready(function() {
$('#calendar').fullCalendar({
dayNamesShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S']
});
});
通过设置更改月视图显示以显示全天名称:
columnFormat: {
month: 'dddd'
}
理查德的回答很好,但不适用于语言环境。所以我尝试了以上所有方法,但没有人为我工作,只有这个:
columnHeaderText: function(mom) {
return mom.format('dddd');
}
这是文档。