Как изменить формат столбца fullcalendar с помощью скобки?

1

Мне нужно показать, как это 10/15 (Sun) как мой клиент хочет! Но если я устанавливаю этот формат в columnFormat, он не может отображать текст в скобках. Как я могу установить M/D (ddd) для отображения в columnFormat. Но вы знаете, другие, такие как {ddd}, могут отображаться в столбце недели

$("#calendar").fullCalendar({
    header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay,listWeek'
        },
        defaultView: 'agendaWeek',
        views : {
           agendaWeek : {
              columnFormat : "M/D (ddd)"
           }
        }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.19.1/moment.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.6.1/fullcalendar.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.6.1/fullcalendar.min.js"></script>
<div id="calendar"></div>
  • 0
    Можете ли вы сделать punker этого фрагмента кода и поделиться ссылкой?
  • 0
    Я сделал один на фрагмент кода
Теги:
fullcalendar

3 ответа

2
Лучший ответ

После того, как я исследовал почти 9 часов, я получил легкое решение, если я положил [] на каждый кронштейн !!! :)

columnFormat : "M/D [(]ddd[)]"   //added => []
//                  ^ ^   ^ ^
Поделиться
0

Попробуй это. columnFormat: "M/D ddd"

Когда я попробовал скобки вроде этого (ddd) это не сработало.

Поделиться
  • 0
    Я уже нашел решение, посмотрите мой собственный ответ !!!
  • 0
    Я видел это, пробовал и видел, как это работает. Но почему () скобки не позволили записать значение дней? Почему мы должны использовать [] (квадратные скобки) для написания скобок?
Показать ещё 3 комментария
0

Я не уверен, что вы можете добавить скобки в течение дня, но я надеюсь, что ниже будет работать для вас:

$("#calendar").fullCalendar({
    header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay,listWeek'
        },
        defaultView: 'agendaWeek',
        views : {
           agendaWeek : {
              month: 'dddd',    // Sun, Mon,Tue etc
            week: 'dddd, MMM dS', // Fri 10/20
            day: 'dddd, MMM dS'  // Friday 10/20
           }
        }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.19.1/moment.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.6.1/fullcalendar.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.6.1/fullcalendar.min.js"></script>
<div id="calendar"></div>
Поделиться
  • 0
    Я хочу 10/15 (Sun) вместо Sun 10/15 и моя проблема, если я поставлю ( он не может отобразить
  • 0
    @DavidJorHpan, ( не допускается в формате, что означает, что вы не можете добавить () в течение дня.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню