Скрыть время начала в FullCalendar

Question

В FullCalendar, в представлении месяца, есть способ скрыть время начала события?

Answer 1

Просто добавьте в календарь опции

displayEventTime: false

Answer 2

добавить следующий стиль к вашему CSS

.fc-event-time{
   display : none;
}

или в версии 2 +:

.fc-time{
   display : none;
}

Answer 3

Попробуйте, у меня все работает:

$('#calendar').fullCalendar({
     displayEventTime : false
});

Это должно скрыть время начала в заголовке события.

Answer 4

Дата скрывается только в представлении месяца:

.fc-view-month .fc-event-time{
    display : none;
}

Answer 5

Другой способ - добавить функцию eventRender. Таким образом, вы можете выбрать не отображать время, а сделать что-то еще, например добавить некоторые данные к событию.

eventRender: function(event, element) { 
    element.find('.fc-event-title').append("<br/>" + event.location); 
    element.find('.fc-event-time').hide();
}

Answer 6

напомните, что имя класса CSS изменилось на

.fc-time {
    display:none;
}

Answer 7

Чтобы скрыть их все, должно работать следующее

$('#calendar').fullCalendar({
 displayEventTime : false
});   

Но если вы (как и я) пытались скрыть время определенного события, я нашел довольно чистый способ.

Просто создайте следующий класс CSS и обратитесь к нему в свойстве события "className":

.hideCalendarTime > div > span.fc-time{
    display:none;
}

И ваше мероприятие должно выглядеть примерно так:

var newEvent = new Object();
newEvent.title = "Something";
newEvent.start = new Date();
newEvent.allDay = false;
newEvent.className = "hideCalendarTime";

Answer 8

Если вы полностью хотите удалить время запуска, вы можете использовать следующий код

$('#calendar-canvas').fullCalendar({
    header: {
        left: 'today prev,next title',
        right: 'agendaDay,agendaWeek,month'
    },
    firstDay: 1,
    eventRender: function(event, element) {
        $(element).find(".fc-event-time").remove();
    }
});

Answer 9

Согласно http://fullcalendar.io/docs/text/timeFormat/, вам просто нужно установить формат времени в настройках fullCalendar:

$('#calendar').fullCalendar({
    events: [              
    ],
    timeFormat: ' '
});

Answer 10

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

В файле fullcalendar.js, строка комментария 1603:

htmlEscape(formatDates(event.start, event.end, view.option('timeFormat'), options)) +

Это не исправление, в лучшем случае это взлом, но это работает.