728x90
반응형
SMALL
날짜를 다루기 위해 제공된 Date 객체 및 주로 사용하는 함수에 대해 학습하
기본 활용 - 생성
Date 객체 생성자)
var date1 = new Date(); // 현재 날짜 및 시간
var date2 = new Date(1991,11,25,3,50); // 1991년 12월 25일 3:50:00 (월 +1 주의)
var date3 = new Date('2014-6-4'); // 2002년 1월 1일 09:00:00
var date4 = new Date('2012-05-17 10:20:30'); // 2012년 5월 17일 10:20:30
기본 get/set 함수 사용
- get : 날짜 관련 데이터 추출하기
- set : 날짜 값 설정하기
사용 예제)
var dt = new Date('2010-12-25');
dt.getDate(); // 25가 반환됨
dt.setDate(13); // '2010-12-13' 변경됨
기본 get/set 함수)
| 함수명 | 의미 | 설명 | |
| getFullYear() | setFullYear() | 년도 | |
| getMonth() | setMonth() | 월 | 0~11 > 1월~12월 |
| getDate() | setDate() | 일 | |
| getDay() | setDay() | 요일 | 0~6 > 일요일 ~ 토요일 |
| getHours() | setHours() | 시간 | |
| getMinutes() | setMinutes() | 분 | |
| getMilliseconds() | setMilliseconds() | 밀리초 | |
| getSeconds() | setSeconds() | 초 | |
| getTime() | setTime() | Unix 타임 | 1970/1/1 12:00 기준 경과한 밀리 초 |
날짜 연산하기
원하는 날짜 단위(년, 월, 일, 시, 분, 초)를 호출하고 해당 값을 대상으로 연산
연산 예제)
var dt = new Date(); // 오늘
dt.setDate(dt.getDate()+365); // 365일 뒤
dt.setFullYear(dt.getFullYear()-1); // 1년 전
문자열 변환 활용하기
함수 활용하기)
| 함수명 | 설명 | |
| toString() | Thu May 17 2018 17:15:11 GMT+0900 (대한민국 표준시) | |
| toDateString() | Thu May 17 2018 | |
| toLocaleString() | 2018. 5. 17. 오후 5:15:11 | |
| toLocaleDateString() | 2018. 5. 17. | |
문자열 자동변환 활용)
1. "2018-5-17"
var str = dt.getFullYear()+'-'+(dt.getMonth()+1)+'-'+dt.getDate();
2. "2018년 5월 17일"
var str1 = dt.getFullYear()+'년 '+(dt.getMonth()+1)+'월 '+dt.getDate()+'일';
3. "5월 17일 (목)"
var arrDayStr = ['일','월','화','수','목','금','토'];
var str = (dt.getMonth()+1)+'월 '+dt.getDate()+'일 ('+arrDayStr[dt.getDay()]+')';
* 월, 요일은 숫자 0부터 시작함에 따라 인덱스 +1을 잘 유념해야 함
참고 사이트
https://dororongju.tistory.com/116
[자바스크립트] Date() 기본 사용 방법
Date() 기본 사용 방법 Date 객체 생성 1 2 3 4 var date1 = new Date(); // 현재 날짜 및 시간 var date2 = new Date(1991,11,25,3,50); // 1991년 12월 25일 3:50:00 (월 +1 주의) var date3 = new Date('2014-6-4'); // 2002년 1월 1일 09:00:00
dororongju.tistory.com

728x90
반응형
LIST
'Javascript' 카테고리의 다른 글
| Javascript) Array.from을 통한 배열 초기화 (0) | 2023.08.02 |
|---|---|
| Javascript) map, filter, reduce 함수 사용 (0) | 2023.07.29 |