728x90
반응형
<오늘날짜 출력하기>
<body>
<h1>오늘 날짜 출력하기</h1>
<span id="today"></span><br/>
<button>오늘 날짜</button><br/>
<button>오늘날짜(표현)</button>
<script type="text/javascript">
//window.onload=function(){} -- window.은 생략 가능
onload=function(){
document.getElementsByTagName("button")[0].onclick = testDate01;
document.getElementsByTagName("button")[1].onclick = testDate02;
}
function testDate01(){
var today = document.getElementById("today");
var date = new Date(); // Date 객체 생성(현재 날짜)
today.innerHTML = date.toDateString() + "<br/>";
today.innerHTML += date.toLocaleDateString() + "<br/>";
today.innerHTML += date.toLocaleString() + "<br/>";
today.innerHTML += date.toLocaleTimeString();
}
function testDate02(){
// 2020/7/27 월요일 //
var today = document.getElementById("today");
var dayOfWeek = ["일", "월", "화", "수", "목", "금", "토"];
var date = new Date();
var year = date.getFullYear(); //date.getYear(); ->1990년 기중
var month = date.getMonth() + 1;
var day = date.getDate();
var week = date.getDay();
document.getElementById("today").innerHTML =
year + "/" + month + "/" + day +"/" + " " + dayOfWeek[week] + "요일";
}
</body>
<testDate01 출력결과> <testDate02 출력결과>
728x90
반응형
'Web > JavaScript' 카테고리의 다른 글
| [JS]date_경과날짜 (0) | 2020.07.28 |
|---|---|
| [JS]date_특정날짜 (0) | 2020.07.28 |
| [JS]형변환 (0) | 2020.07.28 |
| [JS]number (0) | 2020.07.28 |
| [JS]object (0) | 2020.07.28 |
