Javascript/JQuery 오늘 날짜 (today) yyyy-mm-dd 형식 구하기
Date 함수를 사용하여 오늘 날짜의 yyyy-mm-dd 포맷 형식을 구해보자. $(function() { var today = getTodayType1(); console.log(today); // 2019-1-7 today = getTodayType2(); console.log(today); // 2019-01-07 }); function getTodayType1() { var date = new Date(); return date.getFullYear() + "-" + (date.getMonth()+1) + "-" + date.getDate(); } function getTodayType2() { var date = new Date(); return date.getFullYear() + "-" + ("0"+(date.getMonth()+1)).slice(-2) + "-" + ("0"+date.getDate()).slice(-2); } getMonth()+1 과 getDate()의 경우 한자리 값일 경우 앞에 0이 붙지 않으므로 따로 처리가 필요하다. getTodayType2 함수와 같이 slice 함수를 통해 오른쪽에서 2글자를 잘라서 리턴하도록 처리하였다. getFullYear() : 현지 시간에 따라 지정된 날짜의 연도 getMonth() : 현지 시간에 따라 지정된 날짜의 월.( 0 ~ 11 까지 표현. 0 -> 1월) getDate() : 현지 시간에 따라 지정된 날짜에 해당하는 달의 날짜. (1 ~ 31 까지 표현) + 이외에 getDay() : 현지 시간에 따라 지정된 날짜에 해당하는 요일 (0 ~ 6으로 표현. 0 -> 일요일, 1 -> 월요일 ...) getHours() : 현지 시간에 따라 지정된 날짜의 시간 (0 ~ 23으로 표현) getMinutes() : 현지 시간에 따라 지정된 날짜의 분 (0 ~ 59로 표현) getSeconds() : 현지 시간에 따라 지정된 날짜의 초 (0 ~ 59로 표현) getMilliseconds() : 현지 시간에 따라 지정된 날짜의 밀리 초 (0 ~ 999로 표현) 참고: //developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date #Javascript #JQuery #Date #오늘날짜구하기 #날짜포맷 #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 객체를 사용하면 된다. Date 객체를 사용하여 현재의 날짜를 출력하면 YYYY-MM-DD와 같은 형식의 날짜 포맷으로 출력되지 않기 때문에, Date 객체에서 제공하는 추출 함수를 사용하여 날짜 포맷을 변환하는 작업이 추가적으로 필요하다.
현재 날짜, 시간 구하기
var today = new Date(); console.log(today); // 결과 : Sun May 30 2021 15:47:29 GMT+0900 (대한민국 표준시)// 결과 : Sun May 30 2021 15:47:29 GMT+0900 (대한민국 표준시)
Date 객체를 사용하여 현재 시스템의 날짜를 가져와서 출력하면, 평상시에 사용하는 날짜 포맷(YYYY-MM-DD HH:MM:SS)로 출력되지 않기 때문에 아래의 추출 함수를 사용하여 날짜 포맷을 변환해야 한다.
날짜 포맷 변경하기 (YYYY-MM-DD)
var today = new Date(); var year = today.getFullYear(); var month = ('0' + (today.getMonth() + 1)).slice(-2); var day = ('0' + today.getDate()).slice(-2); var dateString = year + '-' + month + '-' + day; console.log(dateString); // 결과 : 2021-05-30// 결과 : 2021-05-30
날짜 추출 함수를 사용할때 주의해야 할 점은 getMonth() 함수인데, getMonth() 함수는 0~11을 반환하기 때문에 항상 +1을 해줘야한다. 그리고 getMonth(), getDate() 함수는 수치 값을 반환하기 때문에 2자리를 맞추기 위해서는 "0"을 붙여서 뒤에서 2자리만 잘라서 값을 변환해야 한다.
시간 포맷 변경하기 (HH:MM:SS)
var today = new Date(); var hours = ('0' + today.getHours()).slice(-2); var minutes = ('0' + today.getMinutes()).slice(-2); var seconds = ('0' + today.getSeconds()).slice(-2); var timeString = hours + ':' + minutes + ':' + seconds; console.log(timeString); // 결과 : 15:47:29// 결과 : 15:47:29
시간 포맷 변환 또한 날짜와 비슷하며, getHours(), getMinutes(), getSeconds() 함수도 수치 값을 반환하기 때문에 2자리를 맞추기 위해서는 "0"을 붙여서 뒤에서 2자리를 잘라줘야 한다.
[javascript] 오늘 날짜(date) 문자형식(yyyy-mm-dd)으로 얻기
오늘날짜(일자)를 문자열(YYYY-MM-DD) 형식으로 얻어온다 var today = getTimeStamp() 결과 : 2011-03-30 function getTimeStamp() { var d = new Date(); var s = leadingZeros(d.getFullYear(), 4) + '-' + lead..
gent.tistory.com
[javascript] 해당 날짜의 요일 구하기
해당일자의 요일을 구할때 사용한다 크롬에서는 빨간색부분을 var d = new Date(sDate); 해도 상관없으나 사파리에서는 안된다. 예) var weekday = getWeekday("2011-04-01") function getWeekday(sDate) { var yy..
gent.tistory.com