2016-12-05 2 views
0

Я использую fullCalendar в моем проекте. Мой вопрос я хочу prepopulte календарь, я использую эти параметры какВыделите некоторые пользовательские события при первой загрузке Полный календарь

initScheduleCalendar = -> 
    scheduleCalendar = $('#cloud-recording-calendar').fullCalendar 
    axisFormat: 'HH' 
    allDaySlot: false 
    columnFormat: 'ddd' 
    defaultDate: '1970-01-01' 
    slotDuration: '00:60:00' 
    defaultView: 'agendaWeek' 
    dayNamesShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"] 
    eventColor: '#428bca' 
    editable: true 

и дни, которые я хочу, чтобы выделить являются

fullWeekSchedule = 
    "Monday": ["08:00-17:30"] 
    "Tuesday": ["08:00-17:30"] 
    "Wednesday": ["08:00-17:30"] 
    "Thursday": ["08:00-17:30"] 
    "Friday": ["08:00-17:30"] 
    "Saturday": [] 
    "Sunday": [] 

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

ответ

0

вы можете сделать это, добавьте dayrender функцию

dayRender: function(daysOfWeek, cell) { 
     console.log(daysOfWeek._d.toISOString().slice(0,10)) 
     if (daysOfWeek._d.toISOString().slice(0,10).toString() === '2016-11-24') { 
      $(cell).addClass('fc-state-highlight'); 
     } 
     } 
+0

вы можете объяснить немного больше ? – ijunaidfarooq

+0

добавить функцию рендеринга дня к вашему полному календарю и дневному рендерингу, иметь два параметра сначала один день, который будет отображаться, и вторую ссылку на ячейку, которая содержит этот день, а затем, если день равен некоторой дате, добавьте выделить класс в ячейку. –

0
renderEvents = -> 
    schedule = fullWeekSchedule 
    days = _.keys(schedule) 
    calendarWeek = currentCalendarWeek() 

    _.forEach days, (weekDay) -> 
    day = schedule[weekDay] 
    unless day.length == 0 
     _.forEach day, (event) -> 
     start = event.split("-")[0] 
     end = event.split("-")[1] 
     event = 
      start: moment("#{calendarWeek[weekDay]} #{start}", "YYYY-MM-DD HH:mm") 
      end: moment("#{calendarWeek[weekDay]} #{end}", "YYYY-MM-DD HH:mm") 
     scheduleCalendar.fullCalendar('renderEvent', event, true) 

currentCalendarWeek = -> 
    calendarWeek = {} 
    weekStart = scheduleCalendar.fullCalendar('getView').start 
    weekEnd = scheduleCalendar.fullCalendar('getView').end 
    day = weekStart 
    while day.isBefore(weekEnd) 
    weekDay = day.format("dddd") 
    calendarWeek[weekDay] = day.format('YYYY-MM-DD') 
    day.add 1, 'days' 
    calendarWeek 

Я сделал это так .. если кому интересно узнать ..

Смежные вопросы