[43일] jQuery (11) - moment

moment.js는 자바스크립트의 내장 객체 Date()의 복잡성을 단순, 다양하게 사용하기 위한 자바스크립트 기반의 오픈소스이다.

https://momentjs.com/

Moment.js | Home

우선 moment.js를 다운받도록 하자. 다운로드 후 import 하는 방식은 jquery와 동일하다.

<!-- moment 오픈소스 import -->
<script src="moment-with-locales.js"></script>
또는
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>

 

먼저 자바스크립트를 이용하여 날짜를 출력해보자

<script>
    //1) 자바스크립트
    let now = new Date();

    let year = now.getFullYear();
    let month = now.getMonth()+1;
    let date = now.getDate();

    let hour = now.getHours();
    let min = now.getMinutes();
    let sec = now.getSeconds();

    let fullDate = "";
    fullDate += year+"년"+month+"월"+date+"일";
    fullDate += hour+"시"+min+"분"+sec+"초";

    $("#time").text(fullDate);

</script>

 

이번에는 moment.js를 이용하여 날짜를 출력해보자

<script>
//2)moment.js
let now = moment(); //moment 라이브러리 시작
// alert(now.year());
// alert(now.month());
// alert(now.date());
// alert(now.day());

moment.locale("ko");  //한글 날짜 형식으로 지정
var fullDate = now.format("YYYY년MM월DD일 HH시mm분ss초")
$("#time").text(fullDate);

</script>