Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 미디어쿼리
- 상대시간
- clearinterval
- js
- javascript html 연동
- 세 자리 콤마
- 배열
- 타입스크립트
- 일정 간격
- html
- React 시작하기
- 숫자 포맷
- setinterval
- for of
- React
- object array
- intl
- 웹개발
- javascript
- media query
- Array
- for in
- 배열 값 삭제
- 일정 간격 코드 실행
- 배열 자르기
- 리액트
- 천단위 콤마
- 반응형
- CSS
- Typescript
Archives
- Today
- Total
ryxxn
[javascript] 날짜 관련 함수 총 정리 본문
- 목차
1. Date 객체 생성
// 현재 날짜와 시간을 가지고 있는 Date 객체 생성
const currentDate = new Date();
// 특정 날짜와 시간을 가지고 있는 Date 객체 생성
const customDate = new Date('2023-07-31T12:30:00');
// 특정 날짜를 가지고 있는 Date 객체 생성 (월은 0부터 시작)
const specificDate = new Date(2023, 6, 31); // 2023년 7월 31일
2. 날짜 정보 추출
const date = new Date('2023-07-31T12:30:00');
const year = date.getFullYear(); // 2023
const month = date.getMonth(); // 6 (7월은 0부터 시작)
const day = date.getDate(); // 31
const hours = date.getHours(); // 12
const minutes = date.getMinutes(); // 30
const seconds = date.getSeconds(); // 0
const dayOfWeek = date.getDay(); // 0 (일요일은 0, 월요일은 1, ... , 토요일은 6)
3. 날짜 포맷팅
const date = new Date('2023-07-31T12:30:00');
// "2023-07-31" (사용자의 로케일에 맞는 날짜 형식)
const formattedDate = date.toLocaleDateString();
// "12:30:00 PM" (사용자의 로케일에 맞는 시간 형식)
const formattedTime = date.toLocaleTimeString();
// "2023-07-31 12:30:00 PM" (사용자의 로케일에 맞는 날짜와 시간 형식)
const formattedDateTime = date.toLocaleString();
// 2023년 7월 31일 (월) 오전 12:00
date.toLocateDateString('ko', {
minute: 'numeric',
hour: 'numeric',
day: 'numeric',
month: 'short',
year: 'numeric',
weekday: 'short'
});
4. 날짜 연산
const date = new Date();
// 현재 시간에 1일(24시간)을 더한 날짜를 구함
date.setDate(date.getDate() + 1);
// 현재 시간에 1시간을 더한 날짜를 구함
date.setHours(date.getHours() + 1);
5. 날짜 비교
const date1 = new Date('2023-07-31');
const date2 = new Date('2023-08-01');
if (date1 < date2) {
console.log('date1이 date2보다 이전입니다.');
} else if (date1 > date2) {
console.log('date1이 date2보다 이후입니다.');
} else {
console.log('date1과 date2가 같습니다.');
}
'javascript' 카테고리의 다른 글
[javascript] 숫자 세 자리 단위 콤마 찍기 (0) | 2023.08.02 |
---|---|
[javascript] Intl 객체 총 정리 (0) | 2023.08.02 |
[javascript] 배열, 문자열 자르기 (0) | 2023.08.01 |
[javascript] 디자인 패턴 총정리 (0) | 2023.07.30 |
[javascript] 배열 내 특정 값 찾기 (0) | 2023.07.30 |