[Javascript] 자바스크립트 날짜(Date) 함수 정리

2020. 10. 7. 23:58·노빠꾸 개발일지/JQUERY & JAVASCRIPT
반응형


 

프로젝트를 진행하다보면 날짜타입의 값을 거의 빼먹지않고 사용하게 됩니다.

 

이렇듯 많이 쓰이는 날짜함수를 정리해보겠습니다.

 

1.  초기화

날짜함수의 초기화 방법은 간단합니다.

 

아래 코드와 같이 new Date(); 를 사용해 주면 됩니다.

 

그런데, 결과값으로 오늘 날짜가 노출되기는 하는데 직관적으로 알아보기 힘든 값입니다.

 

"Wed Oct 07 2020 23:31:20 GMT+0900 (대한민국 표준시)"

 

이 값을 그대로 사용하기는 보다는 보기 쉽게 바꿔서 표현해 주는게 좋겠습니다.

 

그럼 다음단계에서 형변환에 대해서 알아보겠습니다.

1
var today = new Date(); // Wed Oct 07 2020 23:31:20 GMT+0900 (대한민국 표준시)
cs

 

2. 형변환(타입변환)

날짜를 필요한 용도에 따라 노출하는 방법을 알아보겠습니다

아래는 변환에 이용하는 함수들입니다.

 

각각 순서대로 년도, 월, 일을 추출하는 함수들입니다.

1
2
3
new Date().getFullYear();    // 현재년도 ex) 2020
new Date().getMonth()+1;    // 현재 월 ex) 10
new Date().getDate();        // 현재 일 ex) 7
cs

이제 함수를 이용해서 날짜를 표현해 주면 됩니다.

 

예시를 하나 들어보면 아래와 같습니다.

 

아래 코드는 년도-월-일(yyyy-mm-d)로 표현한 코드입니다.

1
2
3
4
var year = new Date().getFullYear();    // 현재년도 ex) 2020
var month = new Date().getMonth()+1;    // 현재 월 ex) 10
var day = new Date().getDate();        // 현재 일 ex) 7
var today = year+'-'+month+'-'+day;  // 2020-10-7
cs

위와같이 각자의 용도에 맞게 재조합하여 사용하면 되겠습니다.

반응형
저작자표시 비영리 변경금지 (새창열림)

'노빠꾸 개발일지 > JQUERY & JAVASCRIPT' 카테고리의 다른 글

[Javasript/Jquery] Json데이터 파싱 사용법 정리(Json 파싱)  (2) 2020.10.10
[Javascript/Jquery] 배열(Array) 기본 사용법 정리(배열 초기화, 배열 0으로 초기화, 배열 특정값 초기화, 배열 값 입력, 배열 값 삭제)  (2) 2020.10.09
[js/css] js파일, css파일, img파일 사용시 캐시 방지 팁  (1) 2020.10.05
[D3.js] D3.js란?  (2) 2020.09.30
[JQuery] jQuery 시작하기 - .ready()  (0) 2020.09.29
'노빠꾸 개발일지/JQUERY & JAVASCRIPT' 카테고리의 다른 글
  • [Javasript/Jquery] Json데이터 파싱 사용법 정리(Json 파싱)
  • [Javascript/Jquery] 배열(Array) 기본 사용법 정리(배열 초기화, 배열 0으로 초기화, 배열 특정값 초기화, 배열 값 입력, 배열 값 삭제)
  • [js/css] js파일, css파일, img파일 사용시 캐시 방지 팁
  • [D3.js] D3.js란?
No Backing
No Backing
노빠꾸
    300x250
  • No Backing
    누릇한 노빠꾸 블로그
    No Backing
  • 전체
    오늘
    어제
    • 분류 전체보기 (144)
      • 노빠꾸 서버 (20)
        • AWS (0)
        • 설치관련 (7)
        • 명령어 정리 (2)
        • 서버 설정 (8)
        • Nginx (2)
      • 노빠꾸 개발일지 (70)
        • JAVA (16)
        • JQUERY & JAVASCRIPT (10)
        • HTML5 (0)
        • SPRING (16)
        • Design Patterns (1)
        • DAUM API (1)
        • GIT (10)
        • Python (1)
        • SPRING SECURITY (1)
        • Vue (3)
      • 노빠꾸 데이터베이스 (9)
        • SQL (1)
        • ORACLE (3)
        • MySql (5)
      • 노빠꾸 일상 (13)
      • 노빠꾸 책 추천 (4)
      • 노빠꾸 경제 (20)
      • 노빠꾸 맥북 사용기 (7)
      • 노빠꾸 정보처리기사 정리 (1)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    맥북 단축키
    깃허브 코파일럿
    우분투 자바 설치
    경제용어
    Linode
    스프링부트란
    websecurityconfigureradapter 사용법
    사이트맵
    개인서버 추천
    websecurityconfigureradapter 변경사항
    websecurityconfigureradapter 빈 등록
    MySQL 사용자 계정 생성
    websecurityconfigureradapter란
    금융용어
    스프링부트 프로젝트
    맥북 사용 팁
    리노드
    스프링시큐리티 websecurityconfigureradapter
    스프링 시큐리티 5.7 버전이후 변경사항
    WebSecurityConfigurerAdapter Deprecated
    스프링부트
    JPA 쿼리 메소드
    주식용어
    리눅스 자바 설치
    스프링부트 JPA
    티스토리 사이트맵 등록
    MySQL 데이터베이스 생성
    WebSecurityConfigurerAdapter
    Spring boot
    인텔리제이
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
No Backing
[Javascript] 자바스크립트 날짜(Date) 함수 정리
상단으로

티스토리툴바