문자열을 날짜 자바스크립트로 변환

PHPz
풀어 주다: 2023-05-16 09:00:08
원래의
2958명이 탐색했습니다.

JavaScript에서는 문자열을 날짜 객체로 변환하는 것이 가능합니다. 문자열 날짜의 일반적인 형식에는 "YYYY-MM-DD", "MM/DD/YYYY", "DD/MM/YYYY" 등이 있습니다. 이 기사에서는 문자열을 날짜 객체로 변환하는 몇 가지 방법과 기술에 대해 설명합니다.

  1. 날짜 생성자 사용

new Date() 생성자를 사용하여 문자열을 날짜 객체로 변환할 수 있습니다. 문자열은 생성자의 매개변수로 전달될 수 있습니다. 예: new Date()构造函数将字符串转换为日期对象。可以将字符串作为构造函数的参数传递,例如:

var dateString = "2022-09-01";
var date = new Date(dateString);
로그인 후 복사

在上面的代码中,将字符串“2022-09-01”传递给Date构造函数,将返回一个表示该日期的日期对象。可以使用getFullYear()getMonth()getDate()等Date对象的方法来访问日期的年份,月份和日期。

console.log(date.getFullYear()); // 2022
console.log(date.getMonth()); // 8 (September is the ninth month, but it is indexed at 0)
console.log(date.getDate()); // 1
로그인 후 복사
로그인 후 복사

请注意,在这个例子中,月份的索引是从0开始的。

如果要将时间也包含在字符串中,可以使用与日期相同的方式构造一个日期对象。例如:

var datetimeString = "2022-09-01T08:00:00";
var datetime = new Date(datetimeString);
로그인 후 복사

在上面的代码中,时间“08:00:00”也包含在字符串中。将该字符串传递给new Date()构造函数,将返回一个表示带有时间的日期对象。可以使用getHours()getMinutes()getSeconds()等方法访问时间的小时数,分钟数和秒数。

console.log(datetime.getHours()); // 8
console.log(datetime.getMinutes()); // 0
console.log(datetime.getSeconds()); // 0
로그인 후 복사
  1. 使用moment.js库

moment.js是一个流行的JavaScript库,用于解析,验证,操作和格式化日期。可以使用该库解析字符串并将其转换为日期对象。要使用moment.js,请首先将其包含在JavaScript文件中,并在代码中使用它。

<script src="moment.js"></script>
<script>
    var dateString = "2022-09-01";
    var date = moment(dateString);
</script>
로그인 후 복사

在上面的代码中,将moment.js文件包含在HTML文件中,然后使用moment()函数将字符串“2022-09-01”转换为日期对象。函数同时适用于带有时间的字符串。

<script src="moment.js"></script>
<script>
    var datetimeString = "2022-09-01T08:00:00";
    var datetime = moment(datetimeString);
</script>
로그인 후 복사

转换后的日期对象可以使用moment.js库中的函数进一步操作。例如,可以使用format()函数将该日期转换为不同的字符串格式。

console.log(moment("2022-09-01").format("MM/DD/YYYY")); // "09/01/2022"
console.log(moment("2022-09-01").format("MMMM Do YYYY")); // "September 1st 2022"
로그인 후 복사
  1. 使用原生方法

JavaScript中还有一些原生方法可以将字符串转换为日期对象。其中最常用的是Date.parse()。可以将日期字符串作为参数传递给Date.parse()方法。

var dateString = "2022-09-01";
var date = new Date(Date.parse(dateString));
로그인 후 복사

在上面的代码中,将字符串“2022-09-01”传递给Date.parse()方法,将返回该日期的UTC时间戳。这个时间戳可以作为参数传递给new Date()

console.log(date.getFullYear()); // 2022
console.log(date.getMonth()); // 8 (September is the ninth month, but it is indexed at 0)
console.log(date.getDate()); // 1
로그인 후 복사
로그인 후 복사

위 코드에서 문자열 "2022-09-01"을 Date 생성자에 전달하면 해당 날짜를 나타내는 날짜 객체가 반환됩니다. getFullYear(), getMonth(), getDate()와 같은 Date 개체의 메서드를 사용하여 연도, 월, 일에 액세스할 수 있습니다. 날짜의.

var datetimeString = "2022-09-01T08:00:00";
var datetime = new Date(Date.parse(datetimeString));
로그인 후 복사
이 예에서 월 인덱스는 0부터 시작한다는 점에 유의하세요.

문자열에 시간도 포함하려면 날짜와 동일한 방식으로 날짜 개체를 구성하면 됩니다. 예: 🎜rrreee🎜위 코드에서는 시간 "08:00:00"도 문자열에 포함됩니다. 이 문자열을 new Date() 생성자에 전달하면 시간을 나타내는 날짜 객체가 반환됩니다. 시간의 시, 분, 초는 getHours(), getMinutes()getSeconds()와 같은 메서드를 사용하여 액세스할 수 있습니다. . 🎜rrreee
    🎜moment.js 라이브러리 사용 🎜🎜🎜moment.js는 날짜 구문 분석, 유효성 검사, 조작 및 형식 지정에 널리 사용되는 JavaScript 라이브러리입니다. 이 라이브러리를 사용하여 문자열을 구문 분석하고 날짜 개체로 변환할 수 있습니다. moment.js를 사용하려면 먼저 JavaScript 파일에 포함시키고 코드에서 사용하세요. 🎜rrreee🎜위 코드에서는 HTML 파일에 moment.js 파일을 포함시킨 후 moment() 함수를 사용하여 "2022-09-01" 문자열을 날짜 객체로 변환합니다. 이 함수는 시간이 포함된 문자열에서도 작동합니다. 🎜rrreee🎜변환된 날짜 개체는 moment.js 라이브러리의 함수를 사용하여 추가로 조작할 수 있습니다. 예를 들어 format() 함수를 사용하여 날짜를 다른 문자열 형식으로 변환할 수 있습니다. 🎜rrreee
      🎜기본 메서드 사용🎜🎜🎜JavaScript에는 문자열을 날짜 개체로 변환하는 몇 가지 기본 메서드도 있습니다. 가장 일반적으로 사용되는 것은 Date.parse()입니다. 날짜 문자열을 Date.parse() 메서드에 매개변수로 전달할 수 있습니다. 🎜rrreee🎜위 코드에서 "2022-09-01" 문자열을 Date.parse() 메서드에 전달하면 해당 날짜의 UTC 타임스탬프가 반환됩니다. 이 타임스탬프는 new Date() 생성자에 매개변수로 전달되어 날짜 객체를 생성할 수 있습니다. 🎜rrreee🎜이 방법은 시간이 없는 날짜 문자열에 매우 유용합니다. 시간이 포함된 문자열을 날짜 객체로 변환하려면 이전과 동일한 방법을 사용하면 됩니다. 예: 🎜rrreee🎜위는 문자열을 날짜 개체로 변환하는 세 가지 일반적인 방법입니다. 각 방법에는 고유한 장점과 용도가 있으므로 필요에 따라 선택할 수 있습니다. 이러한 방법을 사용하면 문자열을 날짜 객체로 쉽게 변환할 수 있으므로 날짜 및 시간 데이터를 보다 효율적으로 조작하고 저장할 수 있습니다. 🎜

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

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