728x90
반응형
<!-- src/main/webapp/20220404/dateex2.html -->
<!DOCTYPE html> <!-- HTML5 형식 -->
<html>
<head>
<meta charset="UTF-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
<title>날짜 선택하기</title>
</head>
<body>
<input type="date" id="date"> <!-- HTML5 에서 추가된 내용. -->
<input type="button" value="날짜입력" onclick="show_date()">
<div id="dateprt"></div>
<script type="text/javascript">
function show_date() {
//요일 출력 추가
let darr = date.value.split('-')
let d = new Date
(parseInt(darr[0]),parseInt(darr[1]),parseInt(darr[2]))
let week = "";
switch (d.getDay()) {
case 0 : week = "일"; break;
case 1 : week = "월"; break;
case 2 : week = "화"; break;
case 3 : week = "수"; break;
case 4 : week = "목"; break;
case 5 : week = "금"; break;
case 6 : week = "토"; break;
}
dateprt.innerHTML = "선택된 날짜:" + date.value + "," + week + "요일"; //yyyy-mm-dd 형식
}
</script>
</body>
</html>728x90
반응형