その他

[FullCalendar] FullCalendarの主要パラメータ

投稿日:

FullCalendarで使える主要なパラメータです。

FullCalendarの主要パラメータ

パラメータ意味デフォルト
firstDayカレンダーに表示する最初の曜日
(0~6・日~土)
0(日曜)
weekends土日の表示非表示
(true:表示)
true(表示する)
editable編集可否を指定する
(true:編集可/false:編集不可)
false(編集不可)
weekNumbers週数の表示非表示
(true:表示)
false(非表示)
heightカレンダーの高さ
(例)400pxにする⇒400
-
※縦横比による
defaultViewカレンダーの初期表示形式
 month / basicWeek / basicDay
 agendaWeek / agendaDay
'month'
now今日日付を指定する
(例)'2018-04-01'
システム日付
droppable外部の要素をドロップできるかどうか
(true/false)
FALSE
aspectRatio日付枠の縦横比
(例)縦1:横2.5のサイズにする⇒aspectRatio:2.5,
1.35
selectHelperドラッグ中にプレースホルダーを表示するかどうか
(true/false)
FALSE
headerカレンダー上部のボタンとタイトルを表示する
(例)
header:{
 left: 'today month,basicWeek',
 center: 'title',
 right: 'prev next'
},
-
timeFormat時間のフォーマットを指定する
(例)timeFormat:'HH:mm'
h:mm
monthNames月の表示名を指定する
(例)monthNames: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
-
monthNamesShort月の略称を指定する
(例)monthNamesShort: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
-
dayNames曜日の表示名を指定する
(例)dayNames: ['日曜日', '月曜日', '火曜日', '水曜日', '木曜日', '金曜日', '土曜日']
-
dayNamesShort曜日の略称を指定する
(例)dayNamesShort: ['日', '月', '火', '水', '木', '金', '土']
-
unselectAuto他を選択した時に選択状態を解除するかどうか
true:解除する false:解除しない
true

関連サイト


スポンサーリンク

スポンサーリンク

-その他

執筆者:



comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

スポンサーリンク