read : JS로 만든 달력. : 기술 #javascript::공대여자홈

JS로 만든 달력.

작성자 mins

링크 작성 : 2006-10-11 15:23 조회 : 116
지남 1일간

2006-10-11 - 2006-10-11

좌표
첨부된 파일이 없습니다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<title>js_pop_calendar</title>
<style type="text/css">
*{font-size:9pt;}
input.simple{ font-size:9pt;border-style:solid; border-color:#f2f2f2; border-width:1px;}
input.simple option{ background-color:#eeeeee;}
td.dateSUN{ background-color:#FFCACB;}
td.dateSAT{ background-color:#E1ECFF;}
</style>
<script type="text/javascript">
date_now = new Date();
date_now_year = date_now.getFullYear()
date_now_month = date_now.getMonth()+1;
date_now_date = date_now.getDate()
</script>
<script type="text/javascript">
function mk_calendar(){
var ta = document.getElementById('ta_calendar');
var v_year = document.getElementById('year').value;
var v_month = document.getElementById('month').value;
var this_date = new Date(v_year,(v_month-1),1);
var this2_date = new Date(v_year,v_month,0);
var date_first = this_date.getDate();//월 시작일 : 무조건 1
var wday_first = this_date.getDay();//월 시작일의 요일
var date_last = this2_date.getDate();//월 마침일 :
var wday_last = this2_date.getDay();//월 마침일의 요일
var list_date='';
for(var i = 0 , m = ta.rows.length;i<m;i++){
ta.deleteRow(0);
}
//------------ 요일 삽입
var tr = ta.insertRow(-1);
tr.align="center";
var arr_wday = new Array('일','월','화','수','목','금','토');
for(var j = 0 ;j<7;j++){
  var td = document.createElement('td');
  da = arr_wday[j];
  if(j==0) td.className = 'dateSUN';
  else if(j==6) td.className = 'dateSAT';
  td.width = 20;td.height = 20;td.innerHTML =da;tr.appendChild(td);
}
//-------- 일자삽입
for(var i = date_first-wday_first;i<=date_last;){
  var tr = ta.insertRow(-1);
  tr.align="center";
  for(var j = 0 ;j<7;j++){
   var td = document.createElement('td');
   da = i>0&&i<=date_last?i:' ';
   if(j==0) td.className = 'dateSUN';
   else if(j==6) td.className = 'dateSAT';
   td.width = 20;
   td.height = 20;
   if(i>0&&i<=date_last){
   td.innerHTML ='<span onclick =output("'+i+'") style="cursor:pointer;">'+da+'<span>';
   }else{
   }
   tr.appendChild(td);
   i++;
  }
}
}
</script>
<script type="text/javascript">
function output(v_date,var2,var3,var4){
//원하는 형태로 바꾸세요. 일자를 눌렸을 대 동작
var v_year = document.getElementById('year').value;
var v_month = document.getElementById('month').value;
if(parseInt(v_month)<10){ v_month = '0'+v_month.toString(); }
if(parseInt(v_date)<10){ v_date = '0'+v_date.toString(); }
alert(v_year+'/'+v_month+'/'+v_date);
}
</script>
</head>

/ /
No Nickname

No Comment
권한이 없습니다.

{{m_row.m_nick}}

내용이 너무 많습니다!

-

목록형 📷 갤러리형

No	제목	작성자	등록	조회
공지	[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)	공대여자	02/06 13:44	6883
공지	유용한 리눅스(LINUX) 명령어	공대여자	03/03 14:47	16468
공지	[공지] 기술 게시판	mins01	06/24 15:10	16676

일	월	화	수	목	금	토
4.28	4.29	4.30	5.1	5.2	5.3	5.4
5.5	5.6	5.7	5.8	5.9	5.10 swiper 에서 부모가 보이고 안보이고 할 때 슬라이드가 이상해지는 것 현상 방지 옵션.	5.11
5.12	5.13	5.14 css animation 테스트용 new 1	5.15	5.16	5.17	5.18
5.19	5.20	5.21	5.22	5.23	5.24	5.25
5.26	5.27	5.28	5.29	5.30	5.31	6.1