【’formatDate’ of null】jquery.datetimepicker.js使用時の注意点

jquery.datetimepicker.jsで「formatDate of null」というエラーが出た時の対処法

こんにちは。

ゆうや(@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」というエラーの対処法を紹介しました。

同じ様に困っている方の助けになれれば幸いです。

最後までご高覧いただきありがとうございました!

あわせて読みたい

【jQuery】フッター手前で止まるボタンの実装方法