FullCalendar: как отображать полные названия дней в месячном представлении вместо стандартного dayNamesShort? - PullRequest
7 голосов
/ 01 мая 2010

В представлении FullCalendar для отображения месяца по умолчанию отображается краткая версия названий дней.

Я пытался выяснить, как изменить отображение для отображения полных названий дней. Я прочитал документацию о dayNames и dayNamesShort, но не могу заставить его работать.

Буду признателен за любую помощь в отображении полных названий дней.

Спасибо.

Ответы [ 4 ]

12 голосов
/ 28 июля 2010

Вот как это сделать. Магия осуществляется с помощью опции 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
        });
    });
4 голосов
/ 05 сентября 2014

Мне удалось изменить имена, выполнив следующие действия:

$(document).ready(function() {

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

});
4 голосов
/ 23 февраля 2014

Измените отображение представления месяца, чтобы отображать полные названия дней, установив:

columnFormat: {
   month: 'dddd'
}
1 голос
/ 10 июля 2018

Хороший ответ Ричарда, но он не будет работать с локалями. Итак, я попробовал все вышеперечисленное, но никто не работал для меня, только это:

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

Здесь - документы.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...