flatpickr.jsを用いたカレンダーの使用方法

Question

###前提・実現したいこと
flatpickr.jsを使いJavaScriptにてカレンダーを作成しています。
月日を選択後、再度カレンダーを開き、月をどんどん進めても、
カレンダーを閉じ、開くと、選択された月日になるようにしたいです。

###該当のソースコード
お手数ですが、GitHubよりflatpickr.jsのダウンロードお願いします。
###試したこと

if (lostFocus && self.config.ignoredFocusElements.indexOf(e.target) === -1) {
				self.close();
                init();
				if (self.config.mode === "range" && self.selectedDates.length === 1) {
					self.clear(false);
					self.redraw();
				}
			}

self.close();の後にinit();を付け加えたりしましたが、思うように動きません。

Answer 1

onOpen時にchangeMonthとか出来そうです。

【Events & Hooks - flatpickr】
https://chmln.github.io/flatpickr/events/

onOpen

【The Flatpickr Instance - flatpickr】
https://chmln.github.io/flatpickr/instance-methods-properties-elements/

changeMonth(monthNum, is_offset = true)

Comments

[退会済みユーザー]

flatpickr.js 2496行へonOpen: changeMonth(selectedDates.getMonth(), is_offset=true),と記述してみましたが、まだ思うように動きません。引数指定が間違っているのでしょうか？

[kei344]

根本的に間違っています。「flatpickr.js 2496行へ」と書かれていますが、ライブラリ（flatpickr.js）に手を入れるのではなく、呼び出し側で使うものです。onOpenは一見わかりにくい書き方をされていますが、changeMonthは回答のURLを見に行ってください。

[退会済みユーザー]

度々すみません。HTMLファイル側へ記述みました。onOpenの記述の仕方がおかしいようですが、
どこが間違っているのか分かりません。お手数ですが、ご教授お願い致します。
<input type="text" id="date" />
<script>
document.write("テスト");
flatpickr('#date');

onOpen: changeMonth(monthNum, is_offset = true){

var selectedMonth = monthNum;

//選択された日付を取得
var selectedDate = document.getElementById('date');
//区切り'-'で分割し配列へ格納
var arrrayDate = strDate.split("-");

document.write(arrayDate[1]);

}
</script>

[kei344]

https://chmln.github.io/flatpickr/instance-methods-properties-elements/
ここに書かれている例を見て、changeMonthの使い方がわからないのであれば、JavaScriptの基本的な書き方がわからないということですね。そこは入門書を読むなりして学習してください。

[退会済みユーザー]

勘違いをしておりました。定義済みのchangeMonthにさらに記述を加えようとしていました。

<input type="text" id="date" />
<script>
flatpickr('#date');
onOpen: changeMonth(5, false);
</script>

初歩から少しずつ進めていこうと思います。上記のように記述しますと、参照エラーでchangeMonthが
定義されていないと表示されます。やはりまだJavaScriptの書き方がおかしいのでしょうか？

[kei344]

はい。

[退会済みユーザー]

flatpickr('date');
onOpen: flatpickr.changeMonth(5, false);

とするとchangeMonthが関数ではないとエラーが出ます。

[退会済みユーザー]

単純にスクリプト内に
let calendar = new flatpickr('#date');
calendar.changeMonth(1);
とだけ記述したところ、Cannot read property 'childNodes' of undefined
とエラーが出てしまいます。