> 웹 프론트엔드 > 프런트엔드 Q&A > 문자열 날짜 자바스크립트

문자열 날짜 자바스크립트

PHPz
풀어 주다: 2023-05-17 15:12:07
원래의
1870명이 탐색했습니다.

JavaScript에서 문자열을 날짜로 변환하는 것은 일반적인 요구 사항입니다. 우리는 일반적으로 사용자가 입력한 날짜 문자열을 처리하고 계산할 수 있도록 실제 날짜 객체로 변환합니다. 이번 글에서는 자바스크립트를 이용하여 문자열을 날짜로 변환하는 방법을 설명하겠습니다.

문자열을 날짜로 변환

JavaScript는 문자열을 날짜 객체로 변환하는 내장 메서드를 제공합니다. Date.parse() 메서드를 사용하여 문자열을 타임스탬프로 변환한 다음 새로운 Date() 메서드를 사용하여 날짜 객체로 변환할 수 있습니다.

아래 코드는 날짜 문자열을 날짜 객체로 변환하는 방법을 보여줍니다.

let dateString = "2022-08-01";
let dateObject = new Date(Date.parse(dateString));
console.log(dateObject);
로그인 후 복사

위 코드에서는 "2022-08-01" 문자열을 Date.parse() 메서드에 전달했으며 반환 값이 할당되었습니다. 날짜 개체에. 그런 다음 생성자를 사용하여 타임스탬프를 날짜 개체로 변환할 수 있습니다.

출력은 다음과 같습니다.

Mon Aug 01 2022 00:00:00 GMT+0800 (中国标准时间)
로그인 후 복사

문자열을 날짜 개체로 성공적으로 변환한 것을 확인할 수 있습니다!

시간을 날짜로 문자열 변환

날짜 문자열에 시간 정보가 포함되어 있으면 이를 날짜 개체로 변환할 수도 있습니다. 아래 코드는 시간 정보가 포함된 문자열을 날짜 개체로 변환하는 방법을 보여줍니다.

let dateString = "2022-08-01T12:30:00.000Z";
let dateObject = new Date(dateString);
console.log(dateObject);
로그인 후 복사

이 예에서는 시간 정보가 포함된 문자열 "2022-08-01T12:30:00.000Z"를 Date 개체의 생성자에 전달합니다. 생성자는 Date.parse() 메서드를 사용하지 않고 문자열을 날짜 객체로 직접 변환합니다.

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

Mon Aug 01 2022 20:30:00 GMT+0800 (中国标准时间)
로그인 후 복사
로그인 후 복사

Date 객체가 날짜 문자열의 시간 정보를 성공적으로 구문 분석한 것을 확인할 수 있습니다.

moment.js 라이브러리를 사용하여 문자열 변환

JavaScript의 내장 메서드를 사용하는 것 외에도 타사 라이브러리 moment.js를 사용하여 날짜 문자열을 변환할 수도 있습니다. moment.js 라이브러리를 사용하면 날짜 문자열을 더 쉽게 구문 분석하고 형식을 지정할 수 있습니다.

아래 코드는 moment.js를 사용하여 날짜 문자열을 날짜 객체로 변환하는 방법을 보여줍니다.

let dateString = "2022-08-01T12:30:00.000Z";
let dateObject = moment(dateString);
console.log(dateObject);
로그인 후 복사

위 코드에서는 날짜 문자열을 moment() 함수에 전달하고 반환된 값을 변수에 할당합니다. 이 변수는 toDate() 메서드를 호출하여 JavaScript Date 객체로 변환할 수 있는 moment.js 객체입니다.

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

Mon Aug 01 2022 20:30:00 GMT+0800 (中国标准时间)
로그인 후 복사
로그인 후 복사

moment.js 라이브러리는 날짜 문자열을 Date 객체로 변환하는 간결하고 사용하기 쉬운 방법을 제공하는 것을 확인할 수 있습니다.

요약

문자열을 날짜 객체로 변환하는 것은 JavaScript 프로그래밍에서 일반적으로 필요한 작업입니다. 내장된 Date.parse() 메서드를 사용하여 날짜 문자열을 타임스탬프로 변환한 다음 new Date() 생성자를 사용하여 타임스탬프를 Date 객체로 변환할 수 있습니다. moment.js 라이브러리를 사용하여 날짜 문자열을 보다 편리하게 구문 분석하고 형식을 지정할 수도 있습니다. 어떤 방법을 선택하든 문자열이 올바르게 구문 분석되도록 하려면 날짜 문자열의 형식과 시간대 정보를 이해해야 합니다.

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

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