前提
モーダル内の予約フォームにflatpickrを使って日付をカレンダー選択できるようにしています。
実現したいこと
・flatpickrを使ってモーダル内にカレンダー表示で日付選択ができるようにしたい。
・テキスト上部にカレンダーが表示されるようにしたい。
発生している問題・エラーメッセージ
flatpickrをテキストボックスの上部に表示したいのですが,「positon:"above";」を指定しても下部に表示されてしまいます。
該当のソースコード
js
1flatpickr("#flatpickr", {2 mode:"range",3 altInput: true,4 altFormat: "Y-m-d",5 dateFormat: "Y-m-d",6 position:"above",7 static: true,8 minDate: "today",9 maxDate: new Date().fp_incr(365), 10 locale: "ja",11});
試したこと
モーダル内にflatpickrが表示されないエラーを解決するために「static: true」にしています。
モーダル外で試したところ,staticを無効にするとカレンダーがテキスト上部に表示されることが分かりました。しかし,モーダル内ではstaticをtureにしないとカレンダーが表示されません。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
0 コメント