1
私はこの偉大なjavascript FullCalendarプラグインを使用しています。議題の日付を変更するにはFullCalendarのビューjavascriptプラグイン
私は月のカレンダーを表示しなければならない、そして日が選択されている場合、その横にagendaViewを表示するので、のように:その例の画像で
は、ユーザーが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)
}
});
});