2016-12-05 2 views
0

Ich verwende fullCalendar in meinem Projekt. Mein Problem ist, ich möchte den Kalender prepopulte verwende ich diese Einstellungen alsMarkieren Sie einige benutzerdefinierte Ereignisse beim ersten Laden Vollkalender

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 

und die Tage Ich möchte hervorheben sind

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

Ich möchte jene Tage vor auf der ersten Seite zu laden hervorgehoben. Ich weiß nicht, welche Option dafür verwendet wird? Jede Hilfe wird dank geschätzt werden

Antwort

0

Sie dies durch dayrender Funktion

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

können Sie etwas mehr erklären ? – ijunaidfarooq

+0

hinzufügen Tag Render-Funktion zu Ihrem vollen Kalender und Tag rendern haben zwei Parameter zuerst der Tag, der gerendert wird und die zweite Referenz auf die Zelle, die diesen Tag dann enthalten, wenn der Tag zu einem Datum hinzufügen Highlight-Klasse in die Zelle. –

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 

ich auf diese Weise hinzufügen, tun können .. tat, wenn jemand interessiert .. wissen

Verwandte Themen