在首次加載時突出顯示一些自定義事件完整日曆

我在我的項目中使用了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": []

我想那些日子預突出顯示第一頁的負荷。我不知道這個選項是否會被使用？任何幫助將不勝感激感謝

來源

2016-12-05 ijunaidfarooq

你可以做到這一點通過添加的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'); 
     } 
     }

來源

2016-12-05 16:02:24

你能解釋一下多一點？ – ijunaidfarooq

爲您的完整日曆和日期渲染添加日期渲染功能首先有兩個參數，一天將渲染，第二次引用包含該日的單元格，然後如果日期等於某個日期，則向單元格添加高亮類。 –

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

我也這樣，如果還有人想知道..

來源

2016-12-06 05:26:49 ijunaidfarooq

在首次加載時突出顯示一些自定義事件完整日曆

回答

相關問題