> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 날짜 시간을 12시간 오전/오후 형식으로 어떻게 포맷할 수 있습니까?

JavaScript 날짜 시간을 12시간 오전/오후 형식으로 어떻게 포맷할 수 있습니까?

Susan Sarandon
풀어 주다: 2024-12-02 04:46:15
원래의
821명이 탐색했습니다.

How Can I Format JavaScript Datetimes in 12-Hour AM/PM Format?

12시간 오전/오후 형식으로 JavaScript 날짜 시간 형식 지정

JavaScript에서 날짜 및 시간 데이터로 작업할 때 사용자 친화적인 형식으로 표시해야 하는 경우가 많습니다. 체재. 일반적인 요구 사항 중 하나는 시간을 12시간 AM/PM 형식으로 지정하는 것입니다. 달성 방법은 다음과 같습니다.

function formatAMPM(date) {
  var hours = date.getHours();
  var minutes = date.getMinutes();
  var ampm = hours >= 12 ? 'pm' : 'am';
  hours = hours % 12;
  hours = hours ? hours : 12; // the hour '0' should be '12'
  minutes = minutes < 10 ? '0' + minutes : minutes;
  var strTime = hours + ':' + minutes + ' ' + ampm;
  return strTime;
}

console.log(formatAMPM(new Date));
로그인 후 복사

이 함수에서:

  1. date는 형식을 지정할 날짜/시간을 나타내는 JavaScript Date 객체입니다.
  2. 검색합니다. 시, 분은 시간을 기준으로 AM/PM 지정을 결정합니다.
  3. 시간 값은 시간에 따라 조정됩니다. 모듈러스 12를 취하고 자정(0시간)의 특별한 경우를 12로 처리하여 12시간제 시계입니다.
  4. 필요한 경우 분 값 앞에 0이 표시됩니다.
  5. 최종 형식화된 시간은 "hh:mm AM/PM" 형식의 문자열로 반환됩니다.

위 내용은 JavaScript 날짜 시간을 12시간 오전/오후 형식으로 어떻게 포맷할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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