jQuery 日付判定のif文を書きたい

###内容
jQuery初心者です。

jQueryで、デイトピッカーによって入力された日付が有効かどうか判定する式を書きたいです。
※手入力の可能なデイトピッカーを使用しているため。

かつその日付欄は必須ではありません。
なので入力があればその日付が有効か判定。
→無効な日付であればエラーメッセージを表示
入力が無ければ
→エラーメッセージは表示しない

という構造にしたいです。
現状書いているコードは以下なのですが、空白でも無効な日付でもエラーメッセージが表示されてしまいます。
本当に初歩的な質問で申し訳ありませんが、どなたか教えていただけると幸いです。

JavaScript
1jQuery(function(){
2                jQuery('#push').click(function() {
3                    const date1 = new Date(jQuery('[data-name="start"]').find('.input.hasDatepicker').val());
4                    let error_flag = false;
5                    jQuery('.notice').remove();
6
7                    //日付の型チェック
8                    if(date1.length !== "" && date1.toString() === "Invalid Date") {
9                        error_flag = true;
10                        jQuery('[data-name="start"]').find('.input').prepend('<div class="notice error-message"><p>正しい日付を入力してください</p></div>');
11                    }
12                    if(error_flag === true) {
13                        return false;
14                    }
15                });
16        });
17        </script>

行動規範の内容に同意します

回答1件

自己解決

###原因
Date型に変換したdate1からlenghthを取ってきていたことが原因でした。

###解決方法
date1ではなく、要素が空かどうかを判定することで解決しました。
（誤）if(date1.length !== "" && date1.toString() === "Invalid Date")
（正）if(jQuery('[data-name="start"]').find('.input.hasDatepicker').val() !== "" && date1.toString() === "Invalid Date")

投稿2020/09/24 02:15

inadamaru

総合スコア4