ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptを使用して入力された日付が今日の日付と等しいかどうかを確認するにはどうすればよいですか?

JavaScriptを使用して入力された日付が今日の日付と等しいかどうかを確認するにはどうすればよいですか?

王林
王林転載
2023-08-26 15:33:121252ブラウズ

如何使用 JavaScript 检查输入日期是否等于今天的日期?

このチュートリアルでは、JavaScript を使用せずに、入力された日付が今日の日付と等しいかどうかを確認する方法を学習します。場合によっては、さまざまな形式の入力フィールドからユーザーの日付を取得し、入力された日付と今日の日付が一致するかどうかを確認する必要があります。

ここでは、入力された日付が今日の日付と等しいかどうかを確認する 2 つの方法を学習します。

年、月、日をそれぞれ比較します

ユーザーは、getFull Year()、getMonth()、getDate() などのさまざまなメソッドを使用して、Date オブジェクトのタイムスタンプから完全な年、月、および日付を取得できます。さらに、ユーザーが入力した文字列を区切り文字で分割することで、年、月、日付を取得できます。

その後、2 つのタイムスタンプの年、月、日を比較して、入力された日付が今日の日付と等しいかどうかを確認できます。

###文法###

ユーザーは次の構文に従って、入力日付が今日の日付と等しいかどうかを照合できます。

リーリー

上記の構文では、入力文字列を「/」で分割した後、3 つの値を含む配列を取得します。最初の値は年、2 番目の値は月、3 番目の値は日です。

###アルゴリズム###

ユーザーは次のアルゴリズムに従うことができます。

ステップ 1
    - 特定の形式でユーザーから日付を取得します。
  • ステップ 2
  • - 日付文字列を分割し、年、月、日を抽出します。ここでは、JavaScript の Split() メソッドを使用して日付文字列を分割します。
  • ステップ 3
  • - new Date() コンストラクターを使用して、今日の日付と等しい日付を作成します。
  • ステップ 4
  • - getFull Year()、getMonth()、および getDate() メソッドを使用して、今日の日付から年、月、および日付を抽出します。
  • ステップ 5李> - 2 つのタイムスタンプの年、月、日を比較します。 getMonth() メソッドは、0 ~ 11 の月を返します。したがって、月を inputMonth – 1 と比較する必要があります。
  • ステップ 6
  • - 両方の日付の 3 つのプロパティがすべて一致する場合、入力された日付は今日の日付と同じになります。
  • ###例### 次の例では、compareDate() 関数を作成します。ユーザーが送信ボタンを押して入力フィールドに日付文字列を入力すると、compareDate() 関数が呼び出されます。

  • compareDate() 関数は、入力された日付が今日の日付と等しいかどうかを確認するために上記のアルゴリズムを実装します。
リーリー

toDateString() メソッドを使用する

Date オブジェクトのタイムスタンプを指定して toDateString() メソッドを使用すると、タイムスタンプ内の日付文字列のみが返されます。

ユーザー入力から取得した値を使用して Date オブジェクトの新しいタイムスタンプを作成し、toDateString() メソッドを使用して日付文字列を取得できます。次に、今日の日付を表す現在の日付を作成し、toDateString() メソッドを使用することもできます。

最後に、2 つのタイムスタンプの日付文字列を比較できます。

###文法###

ユーザーは、次の構文に従って toDateString() メソッドを使用して、入力が今日の日付と等しいかどうかを確認できます。

リーリー

上記の構文では、年、月 – 1、および日付の値を使用して入力日付のタイムスタンプを作成しました。 Date オブジェクトの月の値は 0 ~ 11 であるため、月 – 1 を指定する必要があります。

###例###

次の例では、テキスト入力フィールドでユーザーから特定の形式の日付文字列を取得します。その後、文字列から年、月、日を抽出し、新しい日付を作成します。

次に、2 つのタイムスタンプの日付文字列を比較します。

リーリー

上記の出力では、無効な形式で日付を入力するとコンソールでエラーが生成されることがわかります。

ユーザーは、日付が今日の日付と等しいかどうかを確認する 2 つの方法を学習しました。ただし、ユーザーは setHours() メソッドを使用することもできます。日付オブジェクトの時間を 0 に設定し、それを今日の日付と比較して等しいかどうかを確認できます。

以上がJavaScriptを使用して入力された日付が今日の日付と等しいかどうかを確認するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。