자바스크립트에서 날짜를 변환하는 방법

PHPz
풀어 주다: 2023-04-26 13:49:12
원래의
3457명이 탐색했습니다.

웹 개발에서는 날짜 형식 변환을 포함하여 날짜 처리가 필요한 경우가 많습니다. JavaScript에서는 내장된 Date 개체와 일부 메서드를 사용하여 날짜를 변환할 수 있습니다.

  1. 날짜 객체 생성

날짜 객체를 생성하려면 매개 변수 유무에 관계없이 Date() 생성자를 사용할 수 있습니다. 매개변수가 없으면 현재 날짜와 시간이 자동으로 가져옵니다.

var date = new Date(); //获取当前日期和时间
로그인 후 복사

날짜와 시간을 지정하는 날짜 객체를 생성하려면 연도, 월, 일, 시, 분, 초 등의 매개변수를 전달하면 됩니다.

var date = new Date(2022, 0, 1, 12, 0, 0); //创建2022年1月1日12:00:00的日期对象
로그인 후 복사

그 중 월은 0부터 시작하므로 0은 1월, 1은 2월 등을 의미합니다. 시간은 24시간 형식입니다.

  1. 날짜 형식 변환

JavaScript는 날짜 형식을 변환하는 다양한 방법을 제공합니다. 아래에서 별도로 소개하겠습니다.

(1) 날짜 객체를 문자열로 변환

Date 객체의 toString() 메소드를 호출하여 날짜 객체를 문자열로 변환할 수 있습니다.

var date = new Date();
console.log(date.toString());
로그인 후 복사

출력 결과는 다음과 같습니다.

Tue Oct 19 2021 17:22:48 GMT+0800 (中国标准时间)
로그인 후 복사

(2) 날짜 객체가 타임스탬프로 변환됩니다.

타임스탬프는 1970년 1월 1일 00:00:00 UTC 이후의 초 수를 나타냅니다. Date 객체의 getTime() 메서드를 호출하여 날짜 객체의 타임스탬프를 가져올 수 있습니다.

var date = new Date();
console.log(date.getTime());
로그인 후 복사

출력 결과는 다음과 같습니다.

1634640291737
로그인 후 복사

(3) 타임스탬프를 날짜 객체로 변환

Date 객체의 생성자를 호출하고 타임스탬프 매개변수를 전달하여 날짜 객체를 생성할 수 있습니다.

var timestamp = 1634640291737;
var date = new Date(timestamp);
console.log(date.toString());
로그인 후 복사

출력 결과는 다음과 같습니다.

Tue Oct 19 2021 17:24:51 GMT+0800 (中国标准时间)
로그인 후 복사

(4) 날짜 객체를 지정된 형식의 문자열로 변환

날짜 객체를 지정된 문자열 형식으로 형식화하려면 Date 객체의 다른 방법을 사용할 수 있습니다 getFullYear(), getMonth(), getDate(), getHours(), getMinutes(), getSeconds() 및 기타 메소드를 사용하여 날짜 객체의 연도, 월, 일, 시, 분, 초 및 기타 정보를 얻습니다. 를 선택한 다음 문자열 연결을 사용하여 요구 사항을 충족하는 A 문자열을 구성합니다.

예를 들어 날짜 개체의 형식을 "yyyy-MM-dd hh:mm:ss" 형식으로 지정하려면 다음 코드를 사용할 수 있습니다.

function formatDate(date) {
    var year = date.getFullYear(),
        month = date.getMonth() + 1,
        day = date.getDate(),
        hour = date.getHours(),
        minute = date.getMinutes(),
        second = date.getSeconds();
    return year + "-" + formatNumber(month) + "-" + formatNumber(day) + " " + formatNumber(hour) + ":" + formatNumber(minute) + ":" + formatNumber(second);
}

function formatNumber(number) {
    return number < 10 ? "0" + number : number;
}

var date = new Date();
console.log(formatDate(date));
로그인 후 복사

출력은 다음과 같습니다.

2021-10-19 17:31:51
로그인 후 복사
  1. 날짜 작업

JavaScript에서는 날짜 개체를 더하거나 뺄 수 있습니다. 예를 들어 다음 방법을 사용하여 두 날짜 개체 간의 일수 차이를 계산할 수 있습니다.

function dateDiffInDays(date1, date2) {
    var timeDiff = date2.getTime() - date1.getTime();
    var dayDiff = timeDiff / (1000 * 3600 * 24);
    return Math.floor(dayDiff);
}

var date1 = new Date(2021, 0, 1);
var date2 = new Date(2021, 9, 19);
console.log(dateDiffInDays(date1, date2));
로그인 후 복사

출력 결과는 다음과 같습니다.

291
로그인 후 복사
  1. Summary

JavaScript에서는 Date 개체를 사용하여 날짜 및 해당 형식 변환을 처리할 수 있습니다. 날짜 객체를 생성하려면 Date() 생성자를 사용합니다. 날짜 객체를 문자열로 변환하려면 toString() 메서드를 사용할 수 있습니다. 날짜 객체를 타임스탬프로 변환하려면 getTime() 메서드를 사용할 수 있습니다. 타임스탬프를 날짜 객체로 변환하려면 Date() 생성자를 사용하고 타임스탬프 매개변수를 전달할 수 있습니다. 날짜 개체를 지정된 형식의 문자열로 형식화하려면 다른 방법을 사용하여 날짜 개체의 연도, 월, 일, 시, 분, 초 및 기타 정보를 얻은 다음 문자열 연결을 사용하여 다음과 같은 문자열을 구성할 수 있습니다. 요구 사항을 충족합니다. 날짜 객체를 더하거나 뺄 수도 있습니다.

위 내용은 자바스크립트에서 날짜를 변환하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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