Jquery 현재년도 - jquery hyeonjaenyeondo

Question

[jQuery] 현재시간, 오늘날짜 -> string

Posted by RAY.D

2015. 4. 13. 23:09 Web/javascript / jQuery

Web/javascript / jQuery

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

jquery 현재시간, 오늘날짜 -> string 으로 변환하기.

jquery에서 날짜를 원하는 스트링 형식으로 변환하면서 써야할때.

var now = new Date();

var year= now.getFullYear();
var mon = (now.getMonth()+1)>9 ? ''+(now.getMonth()+1) : '0'+(now.getMonth()+1);
var day = now.getDate()>9 ? ''+now.getDate() : '0'+now.getDate();

var chan_val = year + '-' + mon + '-' + day;
$(this).val(chan_val);

저작자표시 비영리 변경금지

'Web > javascript / jQuery' 카테고리의 다른 글

jQuery 버튼 여러개의 대화창 만들기 (0)	2015.04.13
jQuery ID와 Name (0)	2015.04.13
[jQuery] div 안에 체크된 체크박스 목록 받아오는 방법 (0)	2015.04.13
[JAVASCRIPT] 날짜 비교 스크립트. (0)	2015.04.13
[jQuery] 오늘 날짜 가져오기 (0)	2015.04.13

Tags

javascript, JQuery, string, 오늘날짜

Trackback: Comment:

이 댓글을 비밀 댓글로

function getToday(){
    var now = new Date();
    var year = now.getFullYear();
    var month = now.getMonth() + 1;    //1월이 0으로 되기때문에 +1을 함.
    var date = now.getDate();

    month = month >=10 ? month : "0" + month;
    date  = date  >= 10 ? date : "0" + date;
     // ""을 빼면 year + month (숫자+숫자) 됨.. ex) 2018 + 12 = 2030이 리턴됨.
    //console.log(""+year + month + date);
    return today = ""+year + month + date; 
}

jQuery도 javaScript와 마찬가지로 현재 시간에 대한 정보를 알 수 있다.

현재 날짜와 시간에 대한 모든 정보를 가져올 땐

new Date();

를 사용한다.

[js]

$(document).ready(function(){
    var now = new Date();
    $("p").eq(0).text(now);
  });

new Date()를 now라는 변수에 지정해서 출력해보면

현재 날짜에 대한 전체 정보가 출력된다.

마찬가지로 전체만 출력되는 것이 아니라 요일, 월, 일, 시간, 분, 초 등의 개별 정보만도 출력 가능하다.

new Date();	전체 날짜 정보
.getFullYear();	연도
.getMonth()+1;	월(월은 0부터 시작하므로 +1을 해줘야한다.)
.getDate();	날짜
.getDay();	요일
.getHours();	시간
.getMinutes();	분
.getSeconds();	초

[html]

  <p></p>
  <p></p>
  <p></p>
  <p></p>
  <p></p>
  <p></p>
  <p></p>
  <p></p>

[js]

$(document).ready(function(){
    var now = new Date();
    $("p").eq(0).text(now); //전체

    var year=now.getFullYear();//연도
    $("p").eq(1).text(year); 

    var month=now.getMonth()+1;//월
    $("p").eq(2).text(month);

    var date=now.getDate();//일
    $("p").eq(3).text(date);

    var day=now.getDay();//요일
    $("p").eq(4).text(day);

    var hr=now.getHours();//시간
    $("p").eq(5).text(hr);

    var min=now.getMinutes();//분
    $("p").eq(6).text(min);

    var sec=now.getSeconds();//초
    $("p").eq(7).text(sec);


  });

날짜 및 시간 구하기

현재 날짜 및 시간 가져오는 방법에 대해 알아보자. 자바스크립트에서 제공하는 Date 객체를 사용하면 쉽게 출력할 수 있다.

현재 날짜 및 시간 구하기

let date = new Date();
console.log(date);
// Thu Sep 02 2021 10:35:12 GMT+0900 (한국 표준시)

-> new Date()를 이용하여 현재 날짜와 시간을 구할 수 있다.

연도 구하기

let date = new Date();
console.log(date.getFullYear());
// 2021

-> getFullYear()를 이용하여 현재 연도를 구할 수 있다.

월 구하기

let date = new Date();
console.log(date.getMonth() + 1);
// 8

-> getMonth()를 이용하여 현재 월을 구할 수 있다. 단, 1을 더해야 실제 월이 나오게 된다. (범위 0~11)

일 구하기

let date = new Date();
console.log(date.getDate());
// 2

-> getDate()를 이용하여 현재 일을 구할 수 있다.

요일 구하기

let date = new Date();
console.log(date.getDay());
// 4

-> getDay()를 이용하여 현재 요일을 구할 수 있다. 단, 숫자로 반환되어 추가적으로 처리가 필요하다. (일요일 0, 월요일 1, 화요일 2, 수요일 3, 목요일 4, 금요일 5, 토요일 6)

시 구하기

let date = new Date();
console.log(date.getHours());
// 10

-> getHours()를 이용하여 현재 시를 구할 수 있다.

분 구하기

let date = new Date();
console.log(date.getMinutes());
// 45

-> getMinutes()를 이용하여 현재 분을 구할 수 있다.

초 구하기

let date = new Date();
console.log(date.getSeconds());
// 20

-> getSeconds()를 이용하여 현재 초를 구할 수 있다.

간단한 예제

let date = new Date();
let year = date.getFullYear();
let month = date.getMonth() + 1;
let day = date.getDate();
let dString = year + '-' + month + '-' + day;
console.log(dString);
// 2021-09-02