jquery - フル カレンダーの右ヘッダーをボタンからリスト アイテムに変更

Question

私は次のことをしたいところに FullCalendar を使用しています - そうするための最良の方法を提案してください:

1. 右ヘッダーを左端に再配置したい
2. 現在、ヘッダー オプションはインライン ブロック ボタンとして表示されます。それらをリスト項目として表示したい。onclick 機能は影響を受けません。

Answer 1

私は自分でそれを理解しました: 新しいボタンを追加するには、次の
$('.fc-header-right').append('Some Button');を追加するだけです。

すべてのヘッダーの右ボタンを画面の左側に縦方向のリスト表示形式で揃えるには、fullCalendar.css にスタイリングを追加する必要があります。

.fc-header-right{
     position:absolute;
     left:0 ;
}

ボタンにクラスを追加し、クラスにスタイリングを追加します

.fc-header-right-button {
    position: relative;
    display: table;
    padding: 0 .6em;
    overflow: hidden;
    height: 1.9em;
    line-height: 1.9em;
    white-space: nowrap;
    cursor: pointer;
    margin-left: 50px;
}