Question

FullCalendar的默认月份视图显示日期名称的简短版本。

我一直试图找出如何更改显示以显示全天的名字。我已经阅读了有关dayNames和dayNamesShort的文档，但我无法让它工作。

任何有关如何显示全天名称的帮助都将不胜感激。

感谢。

Answer 1

这是怎么做的。魔术是通过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
        });
    });

Answer 2

通过设置：

更改月视图显示以显示全天名称

columnFormat: {
   month: 'dddd'
}

Answer 3

我可以通过执行以下操作来修改名称

$(document).ready(function() {

    $('#calendar').fullCalendar({
        dayNamesShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S']
    });

});

Answer 4

Richard的回答很好，但不适用于语言环境。因此，我尝试了上述所有方法，但没有人为我工作，仅此一项：

columnHeaderText: function(mom) {
  return mom.format('dddd');
}

Here是文档。

FullCalendar：如何在月视图中显示全天名称而不是默认的dayNamesShort？

4 个答案: