2

fullcalendarjqueryプラグインを使用する必要があるという要件があります。しかし、私はそれをカスタマイズする必要があります。同様に、(日/月/週)ビューのボタンの位置を画面の左端に変更する必要があります。fullcalendar.jsを変更しようとすると、カレンダーの右/左にしか移動できないことがわかりました。それを超えてはいけません。ページのサイドバーのように、これらのボタンを左側に配置する必要があります。出来ますか??それとも他のオプションはありますか?

一つの方法は、自分でボタンを作成し、それらをFullcalendarウィジェットに接続することだと思います。しかし、私はjqueryのプロではないので、もっと簡単なことを試してみたいと思います。ありがとう。

4

3 に答える 3

4

簡単で迅速な解決策は、プラグインJSをそのままにして、組み込みのボタンを非表示にし、必要な場所に独自のボタンを追加することです。

ボタンのクリックハンドラーで、関連付けられているプラ​​グインボタンのクリックをトリガーします。ブラウザコンソールのHTMLビューで各ボタンのクラスを調べて、開始したコードに追加するのと同じくらい簡単です。

/* quick hide with script for a test, best done with css */
$('.fc-header-right').hide();

$('#myWeekViewButton').click(function(){
    $('.fc-button-agendaWeek').click();
});

これはデモサイトのブラウザコンソールでうまくテストされます

于 2012-10-27T14:48:53.717 に答える
2

まず、FullCalendarinitのヘッダー定義から日/月/週のボタンを削除できます。次に、次のような関数を使用して、カスタムボタンを配線し、ビューの切り替え操作を実行できます。

function switchView(viewName) {
  $('#calendar').fullCalendar('changeView', viewName);
}

これが役立つかどうか教えてください!

于 2012-10-27T20:30:17.477 に答える
0

headerToolbarにdeプリセットを使用できます

var calendar = new FullCalendar.Calendar(calendarEl, {
        headerToolbar: {
            center: 'dayGridMonth,timeGridFourDay'
        },.....

https://fullcalendar.io/docs/custom-view-with-settings

于 2021-03-11T11:27:28.923 に答える