Date() : 현재시간의 정보를 영문표기법 문자열값으로 반환 new Date() : 현재시간의 정보에 대한 전반적인 데이터를 담고 있는 객체 생성 Date.now() : 현재시간의 정보를 긴숫자형값으로 반환
var today = new Date(); //Date자료형의 객체 생성
alert(today);
var mon = today.getMonth() + 1; // getMonth() : 0~11까지 (원래의 달 수보다 1이 작게 리턴됨.)
var week = ["일","월","화","수","목","금","토"];
// getDay : 0(일요일)~6(토요일)까지 가져오는 함수 java : 1~7
var day = week [today.getDay()];
d.setFullYear(2020); d.getFullYear();
d.setMonth(4); d.getMonth()+1;
d.setDate(1); d.getDate();
date
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>date</title>
<script>
var today = new Date(); //Date자료형의 객체 생성
// getMonth() : 0~11까지 (원래의 달 수보다 1이 작게 리턴됨.)
var mon = today.getMonth() + 1;
var week = ["일", "월", "화","수","목","금","토"];
// getDay : 0(일요일)~6(토요일)까지 가져오는 함수
var day = week [today.getDay()];
document.write(today.getFullYear()+"년 " + mon + "월 " + today.getDate() + "일" + day + "요일");
</script>
</head>
<body>
</body>
</html>
date2.html
<!DOCTYPE html>
<html lang="ㅏㅐ">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=\, initial-scale=1.0">
<title>Document</title>
<style>
#demo, #demo2 {color : red;}
</style>
<script>
//선언적 함수 function 함수명
function spDate (){
var d = new Date("1980-09-05T18:30");
// var d = new Date(1980,3,5,18,30);
console.log('d: ',d); //console.log -> browser에 나타내라
alert("d.getMonth(): "+ (d.getMonth()));
var mon = d.getMonth()+1 > 9 ? d.getMonth()+1 : "0" + (d.getMonth()+1);
//삼항연산자 if문 역할
// var mon = d.getMotch()> 9 ? d.getMonth() : "0" + (d.getMonth());
var dd = d.getDate() > 9 ? d.getDate() : "0" + d.getDate();
var t = d.getHours() > 9 ? d.getHours() : "0" + d.getHours();
var min = d.getMinutes() > 9 ? d.getMinutes() : "0" + d.getMinutes();
var w = d.getDay();
var week = ["일요일","월요일","화요일","수요일","목요일","금요일","토요일"];
var n = d.getFullYear()+"년"+mon+"월"+dd+"일"+t+":"+min+" "+week[w];
document.getElementById("demo2").innerHTML = n;
}
</script>
</head>
<body>
<!--
Date() : 현재 날짜를 문자열자료형으로 가져오는 생성자 함수
자신의 시스템의 설정 시간으로 가져옴.
Date : 현재 날짜의 정보를 가지고 있는 클래스
형식 :
//오늘 날짜 가져옴.
var d = new Date();
//설정한 날짜를 가져옴.
var d = new Date(milliseconds);
var d = new Date(dateString);
var d = new Date(year, month, day, hours, minutes, seconds, milliseconds);
-->
<h2>Date의 get()함수</h2>
<span onclick="document.getElementById('demo').innerHTML=Date()" style="color:blue; cursor: pointer;">지금 시간은?</span>
<span id="demo"></span><br>
<span onclick="spDate()" style="color:blue; cursor:pointer;">
<!-- onclick 블록,인라인 상관없이 클릭가능한 대상에 부여가능 -->
<!-- <a href="javascrpit:spDate()" style="color:blue; cursor:pointer;"> -->
<!-- <a onclick="spDate()" style="color:blue; cursor:pointer">-->
설정한 시간은?
<!-- </a> -->
</span>
<span id="demo2"></span>
</body>
</html>
date02.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style> #demo, #demo2 {color:red;}</style>
<script>
function spDate(){
// Date() : 현재시간의 정보를 영문표기법 문자열값으로 반환
// new Date() : 현재시간의 정보에 대한 전반적인 데이터를 담고 있는 객체 생성
// Date.now() : 현재시간의 정보를 긴숫자형값으로 반환
let a = Date.now();
alert('a: '+a);
var d = new Date();
console.log('d: ',d);
d.setFullYear(2020);
d.setMonth(4); //4+1 =>5월
d.setDate(1);
console.log('d: ', d);
// 삼항식 : 조건?true값:false값;
alert(d.getMonth());
var mon = d.getMonth()+1 > 9 ? d.getMonth()+1 : "0"+ (d.getMonth()+1);
var dd = d.getDate() > 9 ? d.getDate() : "0"+ d.getDate();
var t = d.getHours() > 9 ? d.getHours() : "0"+ d.getHours(); //24시간
var min = d.getMinutes() > 9 ? d.getMinutes() : "0"+ d.getMinutes();
var w = d.getDay();
var week= ["일요일","월요일","화요일","수요일","목요일","금요일","토요일"];
var n = d.getFullYear()+ "년" + mon + "월" + dd + "일" + t +":" + min + " " + week[w];
document.getElementById("demo").innerHTML = n;
let b = Date.now();
alert('b: '+ b);
document.getElementById('demo2').innerHTML = '걸린시간: '+ (b-a);
}
</script>
</head>
<body>
<h2>Date의 set()함수</h2>
<span onclick="spDate()" style="color:blue; cursor:pointer;">설정한 시간은?</span>
<span id="demo"></span><br>
<span id="demo2"></span><br>
</body>
</html>
