jquery 문자열 타임스탬프를 다음으로 변환합니다.

WBOY
풀어 주다: 2023-05-18 21:00:36
원래의
787명이 탐색했습니다.

Date & Time

jQuery는 Javascript 개발을 더 쉽고 이식 가능하게 만드는 널리 사용되는 Javascript 라이브러리입니다. 웹 개발에서는 문자열 타임스탬프의 형식이 인간이 시간과 날짜를 표현하는 데 익숙한 방식을 따르지 않기 때문에 문자열 타임스탬프를 날짜와 시간으로 변환해야 하는 경우가 많습니다.

이 글에서는 jQuery를 사용하여 문자열 타임스탬프를 날짜 및 시간 형식으로 변환하는 방법을 소개합니다.

  1. 타임스탬프의 정의

타임스탬프는 컴퓨터가 시간을 저장하는 방법으로, 1970년 1월 1일 이후 경과된 초 수입니다. 따라서 타임스탬프의 값이 클수록 표현되는 시간은 현재에 더 가깝습니다. 타임스탬프는 일반적으로 정수 또는 소수로 표현됩니다.

  1. 타임스탬프를 날짜 및 시간 형식으로 변환

때로는 문자열의 타임스탬프 형식이 요구 사항을 충족하지 않아 날짜 및 시간 형식으로 변환해야 하는 경우가 있습니다. 다음은 타임스탬프를 날짜 및 시간으로 변환하는 방법입니다.

2.1 JavaScript의 Date 객체 사용하기

JavaScript의 Date 객체는 타임스탬프를 날짜 및 시간 형식으로 변환하는 것을 지원합니다. 타임스탬프를 Date 객체에 매개변수로 전달하면 됩니다.

var timestamp = 1609459200;
var date = new Date(timestamp * 1000);
console.log(date.toLocaleDateString()); // "1/1/2021"
console.log(date.toLocaleTimeString()); // "12:00:00 AM"
로그인 후 복사

위 코드는 타임스탬프를 현재 시간대의 날짜 및 시간 형식으로 변환하고, toLocaleDateString() 및 toLocaleTimeString() 메서드를 통해 표시합니다.

JavaScript Date 객체는 타임스탬프를 1970년 1월 1일 이후의 밀리초 수로 처리하고 타임스탬프는 초 단위로 표시되므로 타임스탬프에 1000을 곱해야 한다는 점에 유의해야 합니다.

2.2 jQuery 플러그인 사용하기 moment.js

moment.js는 일반적인 작업 처리를 단순화하는 인기 있는 JavaScript 날짜 및 시간 처리 라이브러리입니다. moment.js를 사용하여 타임스탬프를 날짜 및 시간 형식으로 더 빠르고 직접적으로 변환하세요. 다음은 타임스탬프를 날짜 및 시간 형식으로 변환하는 moment.js 코드입니다.

var timestamp = 1609459200;
var date = moment.unix(timestamp);
console.log(date.format('MM/DD/YYYY')); // "01/01/2021"
console.log(date.format('HH:mm:ss A')); // "12:00:00 AM"
로그인 후 복사

위 코드는 moment.js의 Unix() 메서드를 사용하여 타임스탬프를 Unix 타임스탬프로 변환한 후 .format( ) 메서드를 사용하여 날짜와 시간을 변환합니다. 시간은 원하는 문자열 형식으로 포맷됩니다.

  1. 요약

이 글에서는 문자열 타임스탬프를 날짜 및 시간 형식으로 변환하는 방법을 소개합니다. JavaScript의 Date 객체나 moment.js 라이브러리를 사용하면 날짜 및 시간 형식을 더 빠르게 처리하는 데 도움이 될 수 있습니다. 이러한 방법을 사용하면 타임스탬프를 보다 인간적인 날짜 및 시간 형식으로 쉽게 변환하여 데이터를 더 쉽게 이해하고 사용할 수 있습니다.

위 내용은 jquery 문자열 타임스탬프를 다음으로 변환합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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