2011-07-27 10 views
1

fullcalendar jsで一日の背景を設定する方がいればいいですか?私のアプローチの問題は、カレンダーの別のページに移動すると、表のセルの背景が変更されたままになることです。私は推測するfullCalendar( 'prev')イベントですべての背景をリセットすることができますが、それは乱雑に思えます。実際のイベントをレンダリングして1日中いっぱいになるように拡張する方法を知っている人は誰ですか?fullcalendarでday要素を塗りつぶすイベントをレンダリングするには

var trainingDiary = $("#training_diary").fullCalendar({ 
    dayClick: function(date, allDay, jsEvent, view) { 

    var title = prompt('Event Title:'); 
    var dayObj = $(this); 
    //console.log($(this)); 
    if (title) { 
    $.ajax({ 
     url: "/app_dev.php/addtrainingday", 
     global: false, 
     type: "POST", 
     data: "dayNo=" + date.getDate(), //returns day of month. getDay() returns day of week 
     async:true, 
     success: function(msg) { 

       trainingDiary.fullCalendar('renderEvent', 
       { 
        title: title, 
        start: date, 
        allDay: allDay, 
        backgroundColor:'#cccccc' 
       }, 
      true // make the event "stick" across calendar pages 
     ) 

     dayObj.css({'background-color':'#339933','background-image':'url()'}) 
     console.log(msg.valueOf()); 
     } //end ajax success 
    }) 
    } else { 
     trainingDiary.fullCalendar('unselect'); 
    } 

    }, 
    //selectable:true, 
    //selectHelper:true, 
    theme: true, 
    header: {left:'title', 
      center: '', 
      right: 'today prev next'}, 
    firstDay:1 

}); 

答えて

関連する問題