> 웹 프론트엔드 > JS 튜토리얼 > JavaScript를 사용하여 입력 날짜가 오늘 날짜와 같은지 확인하는 방법은 무엇입니까?

JavaScript를 사용하여 입력 날짜가 오늘 날짜와 같은지 확인하는 방법은 무엇입니까?

王林
풀어 주다: 2023-08-26 15:33:12
앞으로
1350명이 탐색했습니다.

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

이 튜토리얼에서는 입력 날짜가 오늘 날짜와 같은지 또는 JavaScript를 사용하지 않는지 확인하는 방법을 배웁니다. 때로는 다양한 형식의 입력 필드에서 사용자의 날짜를 가져와서 입력 날짜와 오늘 날짜가 일치하는지 확인해야 할 때가 있습니다.

입력한 날짜가 오늘 날짜와 같은지 확인하는 두 가지 방법을 배워보겠습니다.

연도, 월, 일을 각각 비교

사용자는 getFullYear(), getMonth() 및 getDate()와 같은 다양한 메서드를 사용하여 Date 객체의 타임스탬프에서 완전한 연도, 월 및 날짜를 ​​얻을 수 있습니다. 또한 사용자가 입력한 문자열을 구분 기호로 나누어 연도, 월, 날짜를 얻을 수 있습니다.

이후에는 두 타임스탬프의 연도, 월, 일을 비교하여 입력 날짜가 오늘 날짜와 같은지 확인할 수 있습니다.

문법

사용자는 아래 구문을 따라 입력 날짜가 오늘 날짜와 같은지 일치시킬 수 있습니다.

으아아아

위 구문에서는 입력 문자열을 "/"로 분할한 후 세 개의 값을 포함하는 배열을 얻습니다. 첫 번째 값은 연도, 두 번째 값은 월, 세 번째 값은 일입니다.

알고리즘

사용자는 다음 알고리즘을 따를 수 있습니다.

  • 1단계 - 사용자로부터 특정 형식으로 날짜를 가져옵니다.

  • 2단계 - 날짜 문자열을 분할하고 연도, 월, 날짜를 추출합니다. 여기서는 JavaScript의 Split() 메서드를 사용하여 날짜 문자열을 분할합니다.

  • 3단계 - 새 Date() 생성자를 사용하여 오늘 날짜와 동일한 날짜를 만듭니다.

  • 4단계 - getFullYear(), getMonth() 및 getDate() 메서드를 사용하여 오늘 날짜에서 연도, 월, 날짜를 추출합니다.

    李>
  • 5단계 - 두 타임스탬프의 연도, 월, 날짜를 비교합니다. getMonth() 메서드는 0에서 11 사이의 월을 반환합니다. 따라서 월을 inputMonth – 1과 비교해야 합니다.

  • 6단계 - 두 날짜의 세 가지 속성이 모두 일치하면 입력 날짜는 오늘 날짜와 같습니다.

아래 예에서는 CompareDate() 함수를 만들었습니다. 사용자가 제출 버튼을 누르고 입력 필드에 날짜 문자열을 입력하면 CompareDate() 함수가 호출됩니다.

compareDate() 함수는 위의 알고리즘을 구현하여 입력 날짜가 오늘 날짜와 같은지 확인합니다.

으아아아

toDateString() 메소드 사용

Date 객체의 타임스탬프와 함께 toDateString() 메서드를 사용할 수 있으며, 이는 타임스탬프의 날짜 문자열만 반환합니다.

사용자 입력에서 얻은 값을 사용하여 Date 개체의 새 타임스탬프를 만들고 toDateString() 메서드를 사용하여 날짜 문자열을 가져올 수 있습니다. 다음으로 오늘 날짜를 나타내는 현재 날짜를 만들고 toDateString() 메서드를 사용할 수도 있습니다.

마지막으로 두 타임스탬프의 날짜 문자열을 비교할 수 있습니다.

문법

사용자는 다음 구문에 따라 toDateString() 메서드를 사용하여 입력이 오늘 날짜와 같은지 확인할 수 있습니다.

으아아아

위 구문에서는 연도, 월 – 1 및 날짜 값을 사용하여 입력 날짜의 타임스탬프를 생성했습니다. Date 객체의 월 값은 0에서 11 사이이므로 월 – 1을 제공해야 합니다.

다음 예에서는 특정 형식의 텍스트 입력 필드에서 사용자로부터 날짜 문자열을 가져옵니다. 그런 다음 문자열에서 연도, 월, 날짜를 추출하고 새 날짜를 만듭니다.

다음으로 두 타임스탬프의 날짜 문자열을 비교합니다.

으아아아

위 출력에서 ​​사용자는 잘못된 형식으로 날짜를 입력하면 콘솔에 오류가 발생하는 것을 확인할 수 있습니다.

사용자는 날짜가 오늘 날짜와 같은지 확인하는 두 가지 방법을 배웠습니다. 그러나 사용자는 setHours() 메서드를 사용할 수도 있습니다. 날짜 객체에서 시간을 0으로 설정하고 오늘 날짜와 비교하여 동일한지 확인할 수 있습니다.

위 내용은 JavaScript를 사용하여 입력 날짜가 오늘 날짜와 같은지 확인하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:tutorialspoint.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿