2016-04-05 8 views
0

私は祝日を選択するのにFullcalendarを使用しています。今は選択までうまくいきます。Fullcalendar選択した覚えている日

私は複数の日を選択することができますが、私が月を変更すると私は戻ってきます。Fullcalendarは選択した日を覚えていませんでした。

すべての日を選択して[送信]ボタンを押して、ワンクリックですべての日を保存できるようにしたいと考えています。

私のjavascriptのコードは次のとおりです。

var events= [{ 
     id : 0, 
     title: 'All Day Event', 
     start: new Date(2016, 3, 5) 
    }]; 
    var i=1; 
    $(document).ready(function() { 
     $('#calendar').fullCalendar({ 
      events: events, 
      dayClick: function(date, jsEvent, view) { 
       // change the day's background and save the day selected 
       $(this).css('background-color', 'green'); 
       var temp={id: i, title: 'Holidays', start: new Date(date)}; 
       i=i+1; 
       events.push(temp); 

       $('#calendar').fullCalendar('renderEvent', temp); 
      } 

     }); 

    }); 

どんな提案?

ありがとうございます。失われるテーブルセルの背景色を設定すると、あなたはまた、あなたの選択を識別するために、あなたのイベントに「backgroundColorの」を追加することができます

$('#calendar').fullCalendar({ 
    events: events, 
    dayClick: function(date, jsEvent, view) { 
     var temp={id: i, title: 'Holidays', start: new Date(date)}; 
     i=i+1; 
     events.push(temp); 

     $('#calendar').fullCalendar('renderEvent', temp, true); 
    } 
}); 

答えて

1

あなたは以下のようにイベントを永続的にするためにフラグを追加する必要がありますあなたが前後に移動するとき。

var temp={id: i, title: 'Holidays', start: new Date(date), backgroundColor: 'green'}; 
+0

ありがとうございました。 – Roke

関連する問題