2017-12-19 8 views
0

私のプロジェクトでは、fullCalendarパッケージを使用してカレンダーを追加しています。デフォルトでは、ビューは月単位で表示され、毎週のベースに変更したいと考えています。メテオでfullCalendarのdefaultViewを設定する方法は?

よりfullCalendar documentationより、agendaWeekは私が探しているものです。

私は(動作しませんでした)次のことを試してみました:私は、ボタンを作成し、そこに次のイベントを追加すると

$("#calendar").fullCalendar({ 
     defaultView: 'agendaWeek' 
}); 

:それは作品

Template.appointments.events({ 
    'click #check': function(e, t) { 
     e.preventDefault() 
     // console.log(Requests.find({}).fetch()) 
     $('#calendar').fullCalendar('changeView', 'agendaWeek'); 
    } 
}); 

を、カレンダーの変更。

私の質問は、デフォルトでagendaWeekにカレンダー表示を設定するにはどうすればいいですか?

カレンダーに似ている方法があれば、official pageには3つのボタン(月、週、日)ボタンがあります。

+0

公式ページのカレンダーのようにしたい場合は、そのページのビューソースを作成し、そのコードをどのようにコーディングしたかを確認してください。または他のデモのいずれか。ブラウザツールを使って好きな公開ウェブサイトのコードを調べることができますか? – ADyson

答えて

1
$('#calendar').fullCalendar({ 
    header: { 
     left: 'prev,next today', 
     center: 'title', 
     right: 'month,agendaWeek,agendaDay', // gets you the three button tabs that you were looking for, similar to the demo 
    }, 
    defaultView: 'agendaWeek' // default view is agendaWeek 
}); 

Hereはそれのためのjsfiddleです。

+0

私はなぜ流星でうまくいかないのかわからないので、私は月、週、日の3つの通常ボタンを作成し、 '$( '#calendar')をトリガーしました:fullCalendar( 'changeView'、 'viewType');'ボタンをクリックします。その作業はしていますが、あなたが言いましたように私がそれをやることができれば良いかもしれませんが、なんらかの理由でそれは流星では機能しません。 – sourceplaze

+0

なぜあなたは既に箱から出したものをやり直したいのですか? – blueren

+0

私はそれをやり直したくない、なぜそれが流星で働いていないのか尋ねていますか?たぶんそれには他の方法があります。あなたの解決策は動作しないので(流星で) – sourceplaze

関連する問題