블로그를 이전하였습니다. 2023년 11월부터 https://bluemiv.github.io/에서 블로그를 운영하려고 합니다. 앞으로 해당 블로그의 댓글은 읽지 못할 수 도 있으니 양해바랍니다.
반응형
1. Javascript 에서 날짜 조작하기
1.1. 현재 시간 가져오기
<javascript />
// 오늘
const today = new Date();
console.log(today.toLocaleString());
// 특정 날짜
const date = new Date(2020, 7, 2);
console.log(date.toLocaleString());
1.2. 연도 더하기/빼기
- setFullYear()와 getFullYear()를 활용
<javascript />
// 내년
const nextYear = new Date(2020, 7, 2);
nextYear.setFullYear(nextMonth.getFullYear() + 1);
console.log(nextYear.toLocaleString());
1.3. 월 더하기/빼기
- setMonth()와 getMonth()를 활용
<javascript />
// 다음달
const nextMonth = new Date(2020, 7, 2);
nextMonth.setMonth(nextMonth.getMonth() + 1);
console.log(nextMonth.toLocaleString());
1.4. 일 더하기/빼기
- setDate()와 getDate()를 활용
<javascript />
// 어제
const yesterday = new Date();
yesterday.setDate(yesterday.getDate() - 1);
console.log(yesterday.toLocaleString());
// 내일
const tomorrow = new Date();
tomorrow.setDate(tomorrow.getDate() + 1);
console.log(tomorrow.toLocaleString());
반응형
'Frontend > HTML, CSS, JS' 카테고리의 다른 글
html 문법과 태그의 종류 (0) | 2021.12.16 |
---|---|
날짜/시간 라이브러리 moment.js 버그? (0) | 2021.12.16 |
웹(Web)에서 HTML, CSS, JS의 역할 (0) | 2021.10.27 |
CSS를 이용하여 이미지를 정사각형 모양으로 자르기 (0) | 2021.07.25 |
Javascript의 forEach, map, filter 함수 (0) | 2020.11.09 |