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

时间:2010-04-30 23:59:52

标签: fullcalendar

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

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

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

感谢。

4 个答案:

答案 0 :(得分:12)

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

答案 1 :(得分:4)

通过设置:

更改月视图显示以显示全天名称
columnFormat: {
   month: 'dddd'
}

答案 2 :(得分:4)

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

$(document).ready(function() {

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

});

答案 3 :(得分:1)

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

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

Here是文档。