반응형
Notice
Recent Posts
Recent Comments
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- sacai
- jQuery
- 드로우
- 자바스크립트
- 덩크 하이
- 덩크 로우
- stockx.com
- JavaScript
- GIT
- 나이키
- dunk high
- 주식
- react
- Dunk Low
- Nike
- Python
- oracle
- 덩크로우
- Github
- 오라클
- 코로나19
- 리액트
- 주식공부
- 제이쿼리
- 리눅스
- 파이썬
- 발매예정
- draw
- Linux
- dunklow
Archives
- Today
- Total
Life goes slowly...
[Javascript] 날짜 라이브러리 - moment.js 본문
728x90
반응형
자바스크립트(Javascript)의 moment.js
자바스크립트(Javascript)에서 가장 많이 사용되는 날짜 및 시간을 다루는 라이브러리입니다.
date() 함수보다 직관적이고 일관성이 있는 라이브러리로 현재에는 개발이 중단된 라이브러리입니다.
개발이 중단이 되었지만 가장 오래된 라이브러리로써 현재까지도 많이 사용되고 있습니다.
moment.js 라이브러리 설치
$ npm install moment
moment.js 라이브러리 사용방법
import moment from 'moment';
or
const moment = require('moment');
moment.js 라이브러리 활용
/** 현재 날짜 및 시간*/
let now = moment();
console.log(now.format());
// 2023-02-03T00:16:13+09:00
/** 날짜 및 시간 형식 포맷 */
console.log(now.format("YY-MM-DD")); // 23-02-03
console.log(now.format("DD/MM/YY")); // 03/02/23
/** 날짜 및 시간 검증(형식) */
console.log(moment("2023-02-03", "YYYY-MM-DD").isValid())); //true
console.log(moment("2023-02-03", "DD/MM/YY").isValid())); //false
moment.js 라이브러리의 substract() 함수
/* moment 객체에서 빼야할 값을 입력 *//
let now = moment();
now.subtract(1, 's').format('YYYY-MM-DD hh:mm:ss'); //현재시간에서 1초전
now.subtract(1, 'm').format('YYYY-MM-DD hh:mm:ss'); //현재시간에서 1분전
now.subtract(1, 'h').format('YYYY-MM-DD hh:mm:ss'); //현재시간에서 1시간전
now.subtract(1, 'd').format('YYYY-MM-DD'); //현재시간에서 1일전
now.subtract(1, 'month').format('YYYY-MM-DD'); //현재시간에서 한달전
now.subtract(1, 'y').format('YYYY-MM-DD'); //현재시간에서 1년전
moment.js 라이브러리의 add() 함수
/* moment 객체에서 더해야할 값을 입력 *//
let now = moment();
now.add(1, 's').format('YYYY-MM-DD hh:mm:ss'); //현재시간에서 1초후
now.add(1, 'm').format('YYYY-MM-DD hh:mm:ss'); //현재시간에서 1분후
now.add(1, 'h').format('YYYY-MM-DD hh:mm:ss'); //현재시간에서 1시간후
now.add(1, 'd').format('YYYY-MM-DD'); //현재시간에서 1일후
now.add(1, 'month').format('YYYY-MM-DD'); //현재시간에서 한달후
now.add(1, 'y').format('YYYY-MM-DD'); //현재시간에서 1년후
moment.js 라이브러리의 diff() 함수
/* 시간 또는 날짜 차이 계산 *//
let now = moment();
now.diff('2023-02-03', 'day'); //현재와 2023-02-03 날짜 차이
now.diff('2023-02-03 05:23:22', 's'); //현재와 2023-02-03 05:23:22와 초 차이
now.diff('2023-02-04 08:53:22', 'm'); //현재와 2023-02-04 08:53:22와 분 차이
now.diff('2023-02-02 11:03:22', 'h'); //현재와 2023-02-04 08:53:22와 시 차이
now.diff('2023-02-01', 'd'); //현재와 2023-02-01와 날짜 차이
728x90
반응형
'프로그래밍 > Javascript' 카테고리의 다른 글
[TypeScript] 타입스크립트의 인터페이스란? (0) | 2023.12.06 |
---|---|
[TypeScript] 타입스크립트의 고유문법 (2) | 2023.12.05 |
[TypeScript] 타입스크립트의 기초문법 (0) | 2023.12.04 |
[TypeScript] 타입스크립트는 무엇일까? (2) | 2023.12.04 |
[Javascript] 패턴형식 정규식 체크하기(전화번호, 이메일) (0) | 2021.12.21 |
[jQuery] 체크박스(checkBox)에 체크된 행(Row) 삭제하기 (1) | 2021.09.29 |
[jQuery] 시간 지연함수 - .delay() 함수 (0) | 2021.09.27 |
[Javascript] 자바스크립트(JS) attr()과 prop() 차이점 (0) | 2021.09.15 |
Comments