이 글은 JavaScript에서 오전/오후 12시간 형식으로 날짜/시간을 표시하는 방법을 설명합니다.
JavaScript에서 12시간 오전/오후 형식으로 DateTime을 표시하는 방법은 무엇입니까?
JavaScript에서 오전/오후 12시간 형식으로 날짜/시간을 표시하려면 다음 접근 방식을 적용할 수 있습니다.
- “ toLocaleString() ' 방법.
- “ toLocaleTimeString() ' 방법.
- “ 인라인 ' 기능.
접근법 1: toLocaleString() 메서드를 사용하여 JavaScript에서 12시간 AM/PM 형식으로 DateTime 표시
“ toLocaleString() ” 메서드는 문자열 형식의 날짜 개체를 반환합니다. 이 메서드는 미국 언어 형식으로 현재 시간을 반환하는 데 적용할 수 있습니다.
통사론
날짜 . toLocaleString ( 현지의 , 옵션 )
주어진 구문에서
- “ 현지의 ”는 특정 언어 형식을 나타냅니다.
- “ 옵션 ”는 속성을 할당할 수 있는 개체를 나타냅니다.
예시
먼저 '를 사용하여 새 날짜 개체를 만듭니다. 새 날짜() ” 생성자:
이제 '를 적용하십시오. toLocaleString() ” 방법은 “ 우리를 ” 언어 형식과 시간의 할당된 값을 매개변수로 사용합니다. 여기, ' 12시 ”는 시간이 12시간 형식으로 표시됨을 나타냅니다. 이렇게 하면 현재 시간이 미국 시간 형식으로 표시됩니다.
콘솔. 통나무 ( 시각. toLocaleString ( '우리 안에' , { 시 : '숫자' , 분 : '숫자' , 12시 : 진실 } ) ) ;산출
접근 방식 2: toLocaleTimeString() 메서드를 사용하여 JavaScript에서 12시간 AM/PM 형식으로 DateTime 표시
“ toLocaleTimeString() ” 메서드는 날짜 개체의 시간 범위를 문자열로 반환합니다. 이 메서드는 지정된 날짜에 대한 기본 시간을 반환하여 toLocaleString() 메서드와 유사하게 적용할 수 있습니다.
예시
다음 예에서도 유사하게 '를 사용하여 새 날짜 객체를 만듭니다. 새 날짜() ” 생성자를 생성하고 다음 날짜를 매개변수로 지정합니다. 년도 ”, “ 월 ' 그리고 ' 낮 ” 각각.
그 후 ' toLocaleTimeString() ” 이전 방법에서 설명한 대로 지정된 시간 형식을 매개변수로 사용하는 방법:
const 날짜 시간 = 새로운 날짜 ( 2022년 , 1 , 1 ) . toLocaleTimeString ( '우리 안에' , {시 : '숫자' , 분 : '숫자' , 12시 : 진실
} )
마지막으로 지정된 날짜를 기준으로 기본 시간이 되는 해당 시간을 표시합니다.
콘솔. 통나무 ( 날짜 시간 ) ;산출
접근법 3: 인라인 함수를 사용하여 JavaScript에서 12시간 AM/PM 형식으로 DateTime 표시
이 접근 방식을 구현하여 am/pm 형식에 조건부 연산자를 적용할 수 있습니다.
아래 주어진 예는 명시된 개념을 보여줍니다.
예시
const 날짜 시간 = ( 데이트 ) => {시간을 보자 = 데이트. getHours ( ) ;
분을 보자 = 데이트. getMinutes ( ) ;
하자 = 시간 >= 12 ? '오후' : '이다' ;
시간 = 시간 % 12 ;
시간 = 시간 ? 시간 : 12 ;
분 = 분. toString ( ) . pathStart ( 둘 , '0' ) ;
가자시간 = 시간 + ':' + 분 + ' ' + ap ;
반품 mergeTime ;
}
콘솔. 통나무 ( 날짜 시간 ( 새로운 날짜 ( 2022년 , 1 , 1 ) ) ) ;
위의 데모 코드에서:
- 먼저 ' 인라인 ”라는 이름의 함수 날짜 시간() '. 이 함수는 날짜 객체를 매개변수로 사용합니다.
- “ getHours() ” 메서드는 다음 단계에서 현재 시간을 함수에서 24시간 형식으로 반환합니다.
- 마찬가지로 “ getMinutes() ” 메서드는 현재 분을 검색합니다.
- 그런 다음 '라는 이름의 변수를 만듭니다. ap ”를 입력하고 시간 값에 따라 오전 또는 오후로 조정합니다.
- 다음 단계에서 시간을 ' 형식으로 변환합니다. 12시간 ”의 도움으로 % 12로 나눈 나머지를 구하는 연산자입니다.
- 추가 코드에서 ' toString() ” 메서드를 사용하여 계산된 분을 문자열로 변환하고 “ 경로 시작() ” 메서드를 사용하여 변환된 문자열이 한 자리인 경우 0으로 채웁니다.
- 마지막으로 계산된 시간, 분 및 형식(am/pm)을 각각 추가하여 계산된 시간을 병합하고 표시합니다.
산출
자바스크립트에서 오전/오후 12시간 형식으로 날짜/시간을 표시하는 데 활용할 수 있는 접근 방식을 결론지었습니다.
결론
“ toLocaleString() ” 방법, “ toLocaleTimeString() ” 방법 또는 “ 인라인 ” 기능을 구현하여 JavaScript에서 오전/오후 12시간 형식으로 날짜/시간을 표시할 수 있습니다. 첫 번째 방법은 현재 시간을 특정 시간 형식으로 표시하도록 선택할 수 있고, toLocaleTimeString() 메서드를 적용하여 지정된 날짜에 대한 기본 시간을 특정 시간 형식으로 반환할 수 있으며 Inline 함수를 구현하여 적용할 수 있습니다. am/pm 형식에 대한 조건부 연산자입니다. 이 글은 JavaScript에서 오전/오후 12시간 형식으로 datetime을 표시하는 접근 방식을 컴파일했습니다.