WEB/JavaScript
[JS] Date
애플쩀
2022. 6. 3. 15:25
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>2022.06.03 11:21:40</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<h3>ex02.html</h3>
<pre>
js 날짜 객체 :Date
1. 새로운 날짜 객체를 생성하는 4가지 방법
new Date() 현재날짜+시간
new Date(y, m, d, h, m, s, ms)
new Date(ms)
new Date(string date)
</pre>
<p id="demo"></p>
<script>
// var now=new Date();
//Fri Jun 03 2022 11:23:34 GMT+0900 (한국 표준시)
//년도만 입력하면, 이것을 ms로 인식한다.
//var now=new Date(2011);
//Thu Jan 01 1970 09:00:02 GMT+0900 (한국 표준시)
//최소한 월까지는 넣어야한다.
//var now=new Date(2011,0);
//Sat Jan 01 2011 00:00:00 GMT+0900 (한국 표준시)
//필요없는 매개변수는 뺄 수있다. 나머지는 0으로 셋팅
//var now=new Date(2021,1,24);
//Wed Feb 24 2021 00:00:00 GMT+0900 (한국 표준시)
//js 1월(0) ~ 12월(11)
// var now=new Date(2021,1,24,10,22,33,3);
//Wed Feb 24 2021 10:22:33 GMT+0900 (한국 표준시)
//월에 12를 넣었다면 년도 1 증가
// var now=new Date(2021,12,24,10,22,33,3);
//Mon Jan 24 2022 10:22:33 GMT+0900 (한국 표준시)
// $("#demo").html(now);
</script>
<script>
/* var d=new Date(99,11,24); //2자리년도 -1900년도로 인식
$("#demo").text(d); */
var ms= Number(new Date());
$("#demo").html(ms);
//ms=>date
//Date 생성자에 다시 넣어주기
var d=new Date(ms);
$("#demo").html(d);
//- 값을 주게되면, 1970년 기준날짜
var d=new Date(-1000);
$("#demo").html(d);
//Thu Jan 01 1970 08:59:59 GMT+0900 (한국 표준시)
</script>
<script>
//yyyy-mm-dd js ISO 표준
var d=new Date("2015-03-25");
var d=new Date("2015-03");
$("#demo").html(d);
//iso 표준 날짜+시간
var d=new Date("2015-03-25T 12:00:00"); //UTC시간
$("#demo").html(d);
/*
UTC= 협정세계시
GMT= 그리니치 표준시
ISO 표준: 날짜+시간 */
var d=new Date("03/25/2015");
$("#demo").html(d);
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>2022.06.03 11:54:49</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<h3>ex02_02.html</h3>
<p id="demo"></p>
<script>
var now=new Date();
$("#demo").html(now.getYear()+1900);
$("#demo").html(now.getFullYear());
$("#demo").html(now.getMonth()+1);//1월이 0이니
$("#demo").html(now.getDate());
//시간
now.getHours();
//분
now.getMinutes();
//초
now.getSeconds();
//밀리세컨드
now.getMilliseconds();
//요일
now.getday(); //숫자로 돌려준다. 0일 1월 ~ 6토
$("#demo").html("일월화수목금토".charAt(now.getday()));
var now=new Date();
var ms=now.getDate();
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>2022.06.05 06:50:34</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<h3>ex02_03.html</h3>
<input type="date" >
<button>확인</button>
<p id="demo"></p>
<script>
// 만나이 : 오늘 날짜 = 주민등록번호 생일 -1
// "before" / "after" / "equal"
// Date() 생성, + 값
// 다음 주 부터 : js / jquery [주제] + 요구분석 + DB모델링 + insert
// onclick=""
// document.querySelector("button").onclick = function (){}
document.querySelector("button").addEventListener("click", function(e) {
// alert("xxx")
var date = document.querySelector("input[type=date]").value;
// alert( typeof date ); // "2022-06-14" string
// string -> Date
var d = new Date( date );
//alert( d ) ; // Tue Jun 07 2022 [09:00:00] GMT+0900 (한국 표준시)
var today = new Date();
// alert( today ); // Fri Jun 03 2022 12:24:42 GMT+0900 (한국 표준시)
today.setHours(9);
today.setMinutes(0);
today.setSeconds(0);
today.setMilliseconds(0);
// 날짜 - 날짜 쉽게 날짜 비교 가능
if( today < d )
alert("After");
else if ( today > d )
alert("Before")
else
alert("Equal")
// d -> ms
/*
var dms = d.getTime();
// today -> ms
var tdms = Number( today );
if( tdms < dms )
alert("After");
else if ( tdms > dms )
alert("Before")
else
alert("Equal")
*/
}, true);
</script>
</body>
</html>