자바스크립트 날짜 형식 변경
웹 개발에서는 yyyy-MM-dd 형식의 날짜를 dd/MM/yyyy 형식으로 변환하거나 날짜를 타임스탬프로 변환하는 등 날짜 형식을 변경해야 하는 경우가 많습니다. 이 기사에서는 JavaScript를 사용하여 날짜 형식을 변경하는 방법을 소개합니다.
1. 날짜를 타임스탬프로 변환
타임스탬프는 1970년 1월 1일 00:00:00 UTC 이후의 밀리초 수를 나타냅니다. 시간과 날짜 분포를 기록하는 데 자주 사용됩니다. JavaScript에서는 Date 개체의 getTime() 메서드를 사용하여 현재 날짜의 타임스탬프를 가져올 수 있습니다.
var timestamp = new Date().getTime(); console.log(timestamp);
위 코드는 현재 타임스탬프를 출력합니다.
2. 날짜를 지정된 형식으로 변환
JavaScript에서는 Date 개체 메서드를 사용하여 날짜를 지정된 문자열 형식으로 형식화할 수 있습니다. 몇 가지 일반적인 날짜 형식은 다음과 같습니다.
- yyyy-MM-dd: 연-월-일
- MM/dd/yyyy: 월/일/년
- dd-MM-yyyy: 일/월/년
- yyyy-MM-dd HH:mm:ss: 년-월-일 시: 분: 초
- yyyyMMddHHmmss: 년-월-일-시-분-초
다음은 JavaScript를 사용하여 변환하는 샘플 코드입니다. 날짜를 지정된 형식으로 변환:
// 将日期格式化为yyyy-MM-dd格式 function formatDate(date) { var year = date.getFullYear(); var month = date.getMonth() + 1; var day = date.getDate(); if (month < 10) month = "0" + month; if (day < 10) day = "0" + day; return year + "-" + month + "-" + day; } var date = new Date(); console.log(formatDate(date)); //2022-02-22 // 将日期格式化为MM/dd/yyyy格式 function formatDate2(date) { var year = date.getFullYear(); var month = date.getMonth() + 1; var day = date.getDate(); if (month < 10) month = "0" + month; if (day < 10) day = "0" + day; return month + "/" + day + "/" + year; } console.log(formatDate2(date)); //02/22/2022 // 将日期格式化为dd-MM-yyyy格式 function formatDate3(date) { var year = date.getFullYear(); var month = date.getMonth() + 1; var day = date.getDate(); if (month < 10) month = "0" + month; if (day < 10) day = "0" + day; return day + "-" + month + "-" + year; } console.log(formatDate3(date)); //22-02-2022 // 将日期格式化为yyyy-MM-dd HH:mm:ss格式 function formatDate4(date) { var year = date.getFullYear(); var month = date.getMonth() + 1; var day = date.getDate(); var hour = date.getHours(); var minute = date.getMinutes(); var second = date.getSeconds(); if (month < 10) month = "0" + month; if (day < 10) day = "0" + day; if (hour < 10) hour = "0" + hour; if (minute < 10) minute = "0" + minute; if (second < 10) second = "0" + second; return year + "-" + month + "-" + day + " " + hour + ":" + minute + ":" + second; } console.log(formatDate4(date)); //2022-02-22 00:00:00 // 将日期格式化为yyyyMMddHHmmss格式 function formatDate5(date) { var year = date.getFullYear(); var month = date.getMonth() + 1; var day = date.getDate(); var hour = date.getHours(); var minute = date.getMinutes(); var second = date.getSeconds(); if (month < 10) month = "0" + month; if (day < 10) day = "0" + day; if (hour < 10) hour = "0" + hour; if (minute < 10) minute = "0" + minute; if (second < 10) second = "0" + second; return "" + year + month + day + hour + minute + second; } console.log(formatDate5(date)); //20220222000000
위 코드를 사용하면 날짜를 지정된 형식으로 쉽게 변환할 수 있습니다.
요약:
웹 개발에서 JavaScript는 날짜 형식을 변경하는 데 자주 사용됩니다. 이 기사에서는 날짜를 타임스탬프로 변환하고 날짜를 지정된 날짜 형식으로 변환하는 방법을 소개합니다. 독자가 JavaScript 날짜 처리를 더 잘 이해하는 데 도움이 되기를 바랍니다.
위 내용은 자바스크립트 날짜 형식 변경의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











이 기사에서는 Data Fetching 및 기능 구성 요소의 DOM 조작과 같은 부작용을 관리하기위한 후크 인 React의 useEffect에 대해 설명합니다. 메모리 누출과 같은 문제를 방지하기 위해 사용법, 일반적인 부작용 및 정리를 설명합니다.

이 기사는 가상 Dom 트리를 비교하여 DOM을 효율적으로 업데이트하는 React의 조정 알고리즘을 설명합니다. 성능 이점, 최적화 기술 및 사용자 경험에 미치는 영향에 대해 설명합니다. 문자 수 : 159

JavaScript의 고차 기능은 추상화, 공통 패턴 및 최적화 기술을 통해 코드 간접성, 재사용 성, 모듈성 및 성능을 향상시킵니다.

이 기사는 다중 연계 기능을 단일 연계 함수 시퀀스로 변환하는 기술 인 JavaScript의 카레에 대해 논의합니다. Currying의 구현, 부분 응용 프로그램 및 실제 용도와 같은 혜택, 코드 읽기 향상을 탐색합니다.

기사는 Connect ()를 사용하여 React 구성 요소를 Redux Store에 연결하고 MapStateToprops, MapDispatchtoprops 및 성능 영향을 설명합니다.

이 기사는 REACT의 USECONTEXT를 설명하며, 이는 PROP 시추를 피함으로써 상태 관리를 단순화합니다. 중앙 집중식 상태 및 성능 개선과 같은 렌더링을 통해 성능 향상과 같은 이점에 대해 논의합니다.

기사에서는 extentdefault () 메서드를 사용하여 이벤트 처리기의 기본 동작 방지, 향상된 사용자 경험과 같은 이점 및 접근성 문제와 같은 잠재적 문제에 대해 논의합니다.

이 기사는 예측 가능성, 성능 및 사용 사례와 같은 측면에 중점을 둔 React의 제어 및 통제되지 않은 구성 요소의 장단점에 대해 설명합니다. 그것은 그들 사이에서 선택할 때 고려해야 할 요소에 대해 조언합니다.
