2017-07-11 4 views
1

私はこの偉大なjavascript FullCalendarプラグインを使用しています。議題の日付を変更するにはFullCalendarのビューjavascriptプラグイン

私は月のカレンダーを表示しなければならない、そして日が選択されている場合、その横にagendaViewを表示するので、のように:その例の画像でCalendar

は、ユーザーが7月1日をクリックした、と私は必要議題は7月1日に表示する権利がありますが、今日の日付は常に読み込まれます。

ここにコードがあります。 'day'カレンダー(agendaView)がロードされているときに可視範囲を設定しようとしたコメントコードを見ることができますが、それは機能しませんでした。現在のところ、私はchangeView関数を使用しようとしていますが、それも動作しませんでした。

$(document).ready(function() { 

    // page is now ready, initialize the calendar... 
    var selectedDay = null; 
    var selected = moment(); 

    $('#calendar').fullCalendar({ 
    // options and callbacks here 

    aspectRatio: 1.5, 

    dayClick: function (date, jsEvent, view) { 

     // alert('Clicked on: ' + date.format()); 

     // alert('Current view: ' + view.name); 

     // reset previously selected day's background color 
     if (selectedDay !== null) { 
     $(selectedDay).css('background-color', 'transparent') 
     }; 
     // change the newly selected day's background color 
     $(this).css('background-color', '#A5DC86'); 
     selectedDay = this; 
     // selected = this.fullCalendar.moment(); 
     selected = this.date; 

     $('#day').fullCalendar({ 
     // visibleRange: function(currentDate) { 
     // return { 
     //  start: selected.date, 
     //  end: selected.date.clone().add(1, 'days') // exclusive end 
     // }; 
     // }, 
     aspectRatio: 1.5, 
     defaultView: 'agendaDay', 
     header: {left: '', center: 'title', right: ''}, 
     allDaySlot: false, 
     slotDuration: '00:60:00', 
     scrollTime: '00:00:00' 
     }), 
     $('#day').fullCalendar('changeView', 'agendaDay', selectedDay.date) 
    } 
    }); 

}); 

答えて

0

それはとても、changeViewがフォーマットされた日付を期待していることが判明:

$('#day').fullCalendar('changeView', 'agendaDay', date.format()) 

がソリューションです。

関連する問題