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

Ответ 1

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

displayEventTime: false

Ответ 2

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

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

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

.fc-time{
   display : none;
}

Ответ 3

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

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

Ответ 4

Попробуйте, это работает для меня:

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

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

Ответ 5

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

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

Ответ 6

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

.fc-time {
    display:none;
}

Ответ 7

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

$('#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();
    }
});

Ответ 8

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

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

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

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

Ответ 9

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

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

Ответ 10

Хотя @Riz был прав во время публикации, css изменился в последних версиях, и теперь вам понадобится следующее.

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

Ответ 11

.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event .fc-time{
        display: none !important;
    }

Над кодом будет исправлено его во всех представлениях.

приведенный ниже код имеет поток, который показывает время при большом просмотре события

 .fc-time-grid-event.fc-short .fc-time{
            display: none !important;
        }

используйте этот код в css, чтобы скрыть время только от события.

используя только

.fc-time{
        display: none !important;
    }

также скроет время в левой сетке.

Ответ 12

Просто удалите allDay: false, из функции fullCalendar

Ответ 13

Чтобы скрыть их все, выполните следующие действия:

$('#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";