[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)
  • 블로그 메뉴

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

  • 공지사항

  • 인기 글

  • 태그

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

  • 최근 글

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

티스토리툴바