flatpickrを使ってモーダル内にカレンダー表示で日付選択ができるようにしたい

前提

モーダル内の予約フォームに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 コメント