쭈꾸미
코드짜는 쭈꾸미
쭈꾸미
전체 방문자
오늘
어제
  • 분류 전체보기 (122)
    • Journal (54)
      • Today I Learned (44)
      • 후기&회고 (4)
      • 개인 프로젝트 (4)
      • 독서일기 (2)
    • HTML, CSS (5)
    • Javascript (32)
    • Typescript (2)
    • Git, Github (4)
    • Algorithm (1)
    • React, Next.js (14)
    • API, Database (6)
      • API (0)
      • Database (1)
      • GraphQL (2)
      • Rest-API (1)
    • React-Native (1)
    • ETC (2)
    • OS (1)
      • 우분투 Ubuntu (1)

인기 글

티스토리

hELLO · Designed By 정상우.
쭈꾸미

코드짜는 쭈꾸미

Javascript

[Javascript] new Date() - Date 객체로 날짜 생성하기

2022. 1. 20. 09:42

new Date()

시간의 특정 지점을 나타내는 Date 객체를 생성한다. 이러한 것을 생성자라고 부른다.

(덧. new Date() 말고 Date()는 해당 값을 문자열로 반환한다.)

const today = new Date()

매개변수가 없으면 (= 괄호 안이 비어있으면) 생성 순간의 날짜와 시간을 나타내는 Date 객체를 생성한다. Date 객체가가 인식할 수 있는 형태의 문자열을 매개변수로 넣으면, 해당 날짜와 시간의 Date 객체를 생성한다.

자세한 사항은 MDN 참고

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date/Date

 

Date() 생성자 - JavaScript | MDN

Date 생성자는 시간의 특정 지점을 나타내는 Date 객체를 플랫폼에 종속되지 않는 형태로 생성합니다. Date 객체는 1970년 1월 1일 UTC(국제표준시) 자정으로부터 지난 시간을 밀리초로 나타내는 UNIX

developer.mozilla.org

 

객체에서 원하는 값 추출

const getMyDate = (myDate) => { 
    const today = new Date(myDate) 
    const yyyy = today.getFullYear() // 대상의 연도를 반환한다. 
    const mm = today.getMonth() + 1 // 대상의 월을 반환한다.
    const dd = today.getDate() // 대상의 날짜를 반환한다.
    return `${yyyy}-${mm}-${dd}`
}
// getMyDate(뽑고싶은 날짜)를 입력하면 변환된 텍스트로 반환된다.

getMonth()의 기본값은 0부터 시작한다. 따라서 실제 월 수를 뽑으려면 +1을 해주어야 한다.

 

기타 메서드

Date.prototype.getDay() // Date에서 현지 시간 기준 요일(0-6)을 반환한다.
Date.prototype.getHours() // Date에서 현지 시간 기준 시(0–23)를 반환합니다.
Date.prototype.getMinutes() // Date에서 현지 시간 기준 분(0–59)을 반환합니다.

'Javascript' 카테고리의 다른 글

[Javascript] isNaN() / Number.isNaN() - NaN인지 판별  (0) 2022.02.03
[Javascript] reduce() - 배열의 각 요소에 대해 주어진 함수를 실행하기  (0) 2022.02.03
[Javascript] slice() 배열 자르기  (0) 2022.01.19
[Javascript] switch 조건문  (0) 2022.01.19
[Javascript] 삼항연산자 / 조건부 렌더링 / 옵셔널 체이닝  (0) 2022.01.19
    'Javascript' 카테고리의 다른 글
    • [Javascript] isNaN() / Number.isNaN() - NaN인지 판별
    • [Javascript] reduce() - 배열의 각 요소에 대해 주어진 함수를 실행하기
    • [Javascript] slice() 배열 자르기
    • [Javascript] switch 조건문
    쭈꾸미
    쭈꾸미
    느리지만 확실하게 / 웹 프론트엔드 개발자 TIL : https://jooeun-k.github.io/TIL/

    티스토리툴바