2016-12-05 12 views
0

私のプロジェクトではfullCalendarを使用しています。私の問題は、私は私が最初の負荷時にカスタムイベントを強調表示フルカレンダー

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": [] 

あり、カレンダーをprepopulteしたいです。私はオプションがこれに使用されることを知っていないのですか?知っている誰もが興味を持っている場合、あなたがこれを行うことができます任意の助けのおかげ

答えて

0

理解されるであろうが、によって

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

あなたの完全なカレンダーと1日のレンダー機能にレンダリング機能を追加すると、最初にレンダリングされる1つのパラメータと、その日を含むセルへの2番目の参照があり、その日がある日付に等しい場合は、 セルにハイライトクラスを追加します。 –

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 

dayrender機能を追加し、私はあなたがもう少し説明することができ

関連する問題