こんにちは。
ゆうや(@yuyaphotograph)です!
本記事では、jquery.datetimepicker.jsで「formatDate of null」というエラーが出た時の対処法を紹介します。
公式サイトで必要なjavascriptファイルとcssファイルをダウンロードしてプロジェクト内で読み込み、初期化のスクリプトを書いて普通に動くと思ったらエラーが出てうまくいかない方向けです(^o^)
それでは見て参りましょう!
datetimepicker.js使用時の注意点
datetimepickerファイルのダウンロード先
datetimepickerは、以下のURLからDateTimePicker公式ページへアクセスして、青字の「download(zip)」を押すことでダウンロードできます。
https://xdsoft.net/jqplugins/datetimepicker/
swiper.jsやjquery大元のファイル同様に、フォルダ内に入っている「jquery.datetimepicker.js」と「jquery.datetimepicker.css」をプロジェクト内で読み込めばOKだと思っていたのですが、それでエラーが出てしまいました笑
エラー内容
エラー内容は以下です。
Cannot read property ‘formatDate’ of null
いつも通りに物事が進まないとテンパりますよね笑
ぼくも少しテンパったのでエラー内容をそのまま検索したら、検索結果5位くらいだった記事に助けられました。
参考 カレンダー試行錯誤編Qiita対処法
どうやらjsファイルの方に問題があったようで、「jquery.datetimepicker.js」ではなく、「jquery.datetimepicker.full.js」のほうを使用すればちゃんと動作することを確認できました!
なんだ、そんなことか、、、知らんがなと5分ほど悩まされたぼくは呆気にとられましたね笑
まとめ
以上、「formatDate of null」というエラーの対処法を紹介しました。
同じ様に困っている方の助けになれれば幸いです。
最後までご高覧いただきありがとうございました!
あわせて読みたい