바닐라 자바스크립트: 날짜 등에서 일수 더하기 또는 빼기

PHPz
풀어 주다: 2023-08-26 16:53:08
원래의
948명이 탐색했습니다.

Vanilla JavaScript:从日期中添加或减去天数(以及更多)

최근 튜토리얼에서 우리는 Date 개체의 월, 일, 연도 및 시간 값을 가져오고 설정하는 방법을 배웠습니다. 이러한 날짜 값을 가져오고 설정하는 기능은 많은 상황에서 유용합니다. 예를 들어, 특별한 이벤트의 날짜를 변수에 저장할 수 있습니다. 또한 이러한 방법을 사용하여 현재 날짜와 시간을 표시하거나 기간을 더하거나 뺄 수도 있습니다.

이 튜토리얼에서는 지정된 날짜에서 연도, 월, 일, 시, 분과 같은 기간을 더하거나 빼는 방법을 배우는 데 중점을 둡니다.

연도, 월, 일을 추가하는 방법

다른 튜토리얼에서 JavaScript에 해당 월의 날짜를 설정하고 가져오는 setFullYear()getFullYear() 等方法,您可以使用它们来设置和获取特定日期的当前全年。您可以使用 setMonth()getMonth() 等方法来设置和获取特定日期的当前月份。同样,您可以使用 setDate()getDate() 메소드가 있다는 것을 기억하실 것입니다.

날짜에 1년을 더하는 함수를 작성해 보겠습니다. 매개변수로 추가하려는 날짜와 연도를 수락하고 새 날짜를 반환합니다.

으아악

여기서 주목해야 할 중요한 점은 Date() 생성자를 사용하면 new_date 변수에 할당되는 새로운 Date() 构造函数创建一个新的 Date 对象,该对象被分配给变量 new_date。只需将 new_date 的值设置为给定的 date 就会导致它们都指向同一个 Date 개체가 생성된다는 것입니다. 단순히 new_date 값을 주어진 date로 설정하면 둘 다 동일한

객체를 가리키게 됩니다.

addMonthsToDate()동일한 논리를 사용하여 매개 변수로 추가할 날짜와 개월 수를 받아들이고 새 날짜를 반환하는

함수를 만듭니다.

으아악 setMonth()다른 튜토리얼에서 언급했듯이

메서드에서 오버플로가 발생하면 해당 날짜에 적절한 연수가 추가됩니다. 날짜에 50개월을 더하면 이런 일이 발생합니다. 이로써 우리의 데이트 날짜는 4년 2개월이 늘어났다.

이제 지정된 날짜에 주어진 일수를 더하고 새 날짜를 반환하는 함수를 작성해 보겠습니다.

으아악

날짜에 원하는 기간을 추가하세요

JavaScript에서 특정 날짜에 연도, 월, 일을 추가할 수 있는 세 가지 새로운 함수를 정의했습니다. 시간, 분, 초 등의 다른 기간이나 기간을 날짜에 추가할 수 있습니다. 이를 위해 세 가지 함수를 더 작성하는 것은 의미가 없습니다.

다음 기능을 사용하여 지정된 날짜에 기간을 추가할 수 있습니다.

으아악

보시다시피 위 함수는 오버플로 문제를 자동으로 처리합니다. 또한 기본적으로 0으로 설정되어 있으므로 모든 시간 단위에 대한 값을 제공할 필요가 없습니다. 이는 다른 모든 값을 건너뛰고 추가하려는 일수와 초 수만 전달할 수 있음을 의미합니다.

날짜에서 원하는 기간을 빼세요

날짜에서 임의의 기간을 빼는 함수를 따로 작성할 필요가 없습니다. 이전 섹션의 함수를 사용하여 연도, 월, 일, 시간, 분 또는 초를 뺄 수 있습니다. 당신이 해야 할 일은 해당 기간에 대해 음수 값을 제공하는 것뿐입니다. 다음은 몇 가지 예입니다:

으아악

최종 생각

addYearsToDate() 这样的函数,专门简单地执行此操作。另一种方法是创建一个更通用的 addPeriodToDate()이 튜토리얼에서는 JavaScript에서 날짜에 연, 월, 일 등을 더하고 빼는 문제를 해결하는 두 가지 방법을 배웠습니다. 단순히 연도를 더하거나 빼고 싶다면 다양한 시간 단위를 처리할 수 있는

와 같은 함수를 만드는 것을 고려해 보세요. 🎜

위 내용은 바닐라 자바스크립트: 날짜 등에서 일수 더하기 또는 빼기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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