>웹 프론트엔드 >JS 튜토리얼 >12시간 AM/PM 형식으로 JavaScript 날짜 시간을 표시하는 방법은 무엇입니까?

12시간 AM/PM 형식으로 JavaScript 날짜 시간을 표시하는 방법은 무엇입니까?

Mary-Kate Olsen
Mary-Kate Olsen원래의
2024-12-31 19:32:16976검색

How to Display JavaScript Datetime in 12-Hour AM/PM Format?

JavaScript 날짜 시간을 12시간 오전/오후 형식으로 표시

JavaScript는 날짜와 시간을 조작하기 위한 다양한 방법을 제공합니다. 일반적인 요구 사항 중 하나는 사람이 읽을 수 있는 형식, 특히 12시간 AM/PM 형식으로 날짜/시간 개체를 표시하는 것입니다. 이 형식은 많은 국가와 애플리케이션에서 널리 사용됩니다.

해결책:

JavaScript 날짜/시간 개체를 12시간 오전/오후 형식으로 표시하려면 다음을 활용할 수 있습니다. 다음 코드:

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;
}

이 함수는 JavaScript Date 개체를 입력으로 사용하여 다음과 같이 처리합니다. 다음과 같습니다.

  1. 시와 분을 추출합니다.
  2. 시간을 기준으로 AM인지 PM인지 확인합니다.
  3. 24시간을 12시간으로 변환합니다. 시간을 12로 계수하여 시간을 계산합니다.
  4. 시간이 0인 특수한 경우를 다음과 같이 설정하여 처리합니다. AM은 12입니다.
  5. 분은 항상 두 자리 형식으로 표시되어야 합니다.
  6. 형식이 지정된 시, 분, AM/PM을 문자열로 결합합니다.

이 함수를 사용하면 JavaScript 날짜/시간 객체를 사람이 읽을 수 있는 12시간 오전/오후 문자열로 쉽게 변환할 수 있습니다.

위 내용은 12시간 AM/PM 형식으로 JavaScript 날짜 시간을 표시하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.