Fullcalendar-使用日文时删除dayGridMonth视图中的日后缀

Fullcalendar-使用日文时删除dayGridMonth视图中的日后缀,fullcalendar,cjk,Fullcalendar,Cjk,在Fullcalendar中将locale设置为日语并使用dayGridMonth视图时,对于每个日期单元格后缀“日"(表示日)已添加 我想删除这一天的后缀字母,这样单元格的外观将只是数字 我看了文件,但找不到 通过将区域设置设置为“ja”,可以在官方演示中检查此行为。 我希望我的日单元格只显示数字,不带后缀。我已经阅读了FullCalendar的源代码。它使用Intl.DateTimeFormat转换日期格式,如下所示 我找不到如何自定义格式。一个可能的恶意攻击是分叉存储库并删除“日“在下

在Fullcalendar中将locale设置为日语并使用dayGridMonth视图时,对于每个日期单元格后缀“日"(表示日)已添加

我想删除这一天的后缀字母,这样单元格的外观将只是数字

我看了文件,但找不到

通过将区域设置设置为“ja”,可以在官方演示中检查此行为。


我希望我的日单元格只显示数字,不带后缀。

我已经阅读了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 );
      },
})