Fullcalendar.io 可以选择制作 custom ColumnHeaders在 Html 中。
如何区分月 View 和周 View ?对于月 View ,我只会在标题中显示工作日。
columnHeaderHtml: function (date) {
const days = ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'];
let html = '';
html += '<span class="column-header-week">' + days[date.getDay()] + '</span>';
html += '<span class="column-header-day">' + date.getDate() + '</span>';
return html;
}
最佳答案
ADyson 的解决方案非常有效: fullcalendar.io/docs/view-specific-options
views: {
dayGrid: {//week and day view
columnHeaderHtml: function (date) {
const days = ['Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag'];//todo asptext
let html = '';
html += '<span class="column-header-week">' + days[date.getDay()] + '</span>';
return html;
}
},
timeGrid: { //month view
columnHeaderHtml: function (date) {
const days = ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'];//todo asptext
let html = '';
html += '<span class="column-header-week">' + days[date.getDay()] + '</span>';
html += '<span class="column-header-day">' + date.getDate() + '</span>';
return html;
}
},
关于javascript - 月 View 和周 View 中的全日历自定义标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57660256/