Fullcalendar-使用日文时删除dayGridMonth视图中的日后缀
在Fullcalendar中将locale设置为日语并使用dayGridMonth视图时,对于每个日期单元格后缀“日"(表示日)已添加 我想删除这一天的后缀字母,这样单元格的外观将只是数字 我看了文件,但找不到 通过将区域设置设置为“ja”,可以在官方演示中检查此行为。Fullcalendar-使用日文时删除dayGridMonth视图中的日后缀,fullcalendar,cjk,Fullcalendar,Cjk,在Fullcalendar中将locale设置为日语并使用dayGridMonth视图时,对于每个日期单元格后缀“日"(表示日)已添加 我想删除这一天的后缀字母,这样单元格的外观将只是数字 我看了文件,但找不到 通过将区域设置设置为“ja”,可以在官方演示中检查此行为。 我希望我的日单元格只显示数字,不带后缀。我已经阅读了FullCalendar的源代码。它使用Intl.DateTimeFormat转换日期格式,如下所示 我找不到如何自定义格式。一个可能的恶意攻击是分叉存储库并删除“日“在下
我希望我的日单元格只显示数字,不带后缀。我已经阅读了FullCalendar的源代码。它使用Intl.DateTimeFormat转换日期格式,如下所示 我找不到如何自定义格式。一个可能的恶意攻击是分叉存储库并删除“日“在下面的代码后面加上一个字符
FullCalendar中有一个名为dayCellDidMount的选项,可以在添加dayCell后调用该选项。 因此,在调用此函数时,可以使用自定义文本替换原始dayText 代码,例如:
var calendar = new FullCalendar.Calendar(calendarEl, {
...,
dayCellDidMount: function(info){
var day = moment(info.date).format('DD') // custom the text for example
// hide the original one
var originElement = info.el.querySelectorAll(".fc-daygrid-day-number")
originElement.forEach(e => e.classList.add("d-none") );
// insert new text
var targetElement = info.el.querySelectorAll(".fc-daygrid-day-top");
targetElement.forEach(e => e.innerHTML = day );
},
})
然后您可以自定义css.fc daygrid day top视图。谢谢您的回答!因为它使用的是Intl API,所以似乎需要像您这样的黑客。我会尝试一下!
var calendar = new FullCalendar.Calendar(calendarEl, {
...,
dayCellDidMount: function(info){
var day = moment(info.date).format('DD') // custom the text for example
// hide the original one
var originElement = info.el.querySelectorAll(".fc-daygrid-day-number")
originElement.forEach(e => e.classList.add("d-none") );
// insert new text
var targetElement = info.el.querySelectorAll(".fc-daygrid-day-top");
targetElement.forEach(e => e.innerHTML = day );
},
})