Framework/React

[React] Moment.js AM/PM을 μ˜€μ „/μ˜€ν›„λ‘œ ν‘œμ‹œν•˜λŠ” 방법

yuri lee 2023. 1. 10. 21:59
λ°˜μ‘ν˜•

Intro

μ•ˆλ…•ν•˜μ„Έμš”. 이번 μ‹œκ°„μ—λŠ” Moment.js λΌμ΄λΈŒλŸ¬λ¦¬μ—μ„œ AM/PMκ°€ μ•„λ‹Œ μ˜€μ „/μ˜€ν›„λ‘œ ν‘œμ‹œν•˜λŠ” 방법에 λŒ€ν•΄ μ•Œμ•„λ³΄λ„λ‘ ν•˜κ² μŠ΅λ‹ˆλ‹€. μ°Έκ³ λ‘œ, Moment.jsλŠ” λ‚ μ§œ 및 μ‹œκ°„ 데이터λ₯Ό μ‰½κ²Œ λ‹€λ£° 수 μžˆλ„λ‘ λ„μ™€μ£ΌλŠ” 라이브러리 쀑 ν•˜λ‚˜μž…λ‹ˆλ‹€. 

How to solve the problem

제 경우, λ‚ μ§œ 데이터λ₯Ό "μ˜€ν›„ 10:00" 둜 ν‘œμ‹œν•΄μ•Ό ν–ˆμŠ΅λ‹ˆλ‹€. ν•˜μ§€λ§Œ "10:00 PM"으둜 λ‚˜μ˜€λ”κ΅°μš”. ꡬ글링을 ν•΄λ³Έ κ²°κ³Ό λ‹€μŒμ˜ 해결책을 μ°Ύμ•˜μŠ΅λ‹ˆλ‹€. λ°”λ‘œ moment/local/ko λ₯Ό μž„ν¬νŠΈ ν•΄μ£ΌλŠ” 것!

import 'moment/locale/ko'

 

μœ„ μ½”λ“œλ₯Ό μž„ν¬νŠΈ ν•΄μ€€ 이후, 화면을 μ‚΄νŽ΄λ³΄λ‹ˆ 10:00 PM 이 μ•„λ‹Œ μ˜€ν›„ 10:00 둜 잘 ν‘œμ‹œκ°€ 되고 μžˆμ—ˆμŠ΅λ‹ˆλ‹€. 

λ°˜μ‘ν˜•