IT/프론트엔드

[JavaScript]라이브러리 모음,사용법

삥뽕뺑뽕 2022. 12. 29. 20:51
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/moment.js"></script>
    <script>
        var result1 = moment().format('YYYY-MM-DD hh:mm:ss')
        document.write(result1,"<br>")
        //2022-12-29 08:46:32

        var result2=moment().format('YYYY-MMM-SS hh:mm:ss')
        document.write(result2,"<br>")
        //2022-Dec-29 08:46:32

        moment().format('MMMM Do YYYY, h:mm:ss a'); // December 29th 2022, 8:42:15 pm
        moment().format('dddd');                    // Thursday
        moment().format("MMM Do YY");               // Dec 29th 22
        moment().format('YYYY [escaped] YYYY');     // 2022 escaped 2022
        moment().format();                          // 2022-12-29T20:42:15+09:00

    </script>
</head>
<body>
    
</body>
</html>

JavaScript 라이브러리 다운/사용 법 

링크에 들어가 js파일을 다운받고

파일이 있는 위치를 src로 지정하여 불러온 뒤

사용하면 됩니다.

 

[날짜 포맷]

momen.js

https://momentjs.com/

 

Moment.js | Home

Format Dates moment().format('MMMM Do YYYY, h:mm:ss a'); moment().format('dddd'); moment().format("MMM Do YY"); moment().format('YYYY [escaped] YYYY'); moment().format(); Relative Time moment("20111031", "YYYYMMDD").fromNow(); moment("20120620", "YYYYMMDD"

momentjs.com

 

<작성 코드 예시>

 

 

 

turn.js

http://www.turnjs.com/

 

Turn.js: The page flip effect in HTML5

Turn.js is a JavaScript library that will make your content look like a real book or magazine using all the advantages of HTML5. The web is getting beautiful with new user interfaces based in HTML5; turn.js is the best fit for a magazine, book or catalog b

www.turnjs.com

책 넘기는 효과 라이브러리

 

+추가 예정