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

JS로 만든 달력.

작성자 mins

링크 작성 : 2006-10-11 15:23 조회 : 104
지남 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	제목	작성자	날짜	조회
공지	[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js) #기본형	공대여자	24-02-0602-06	3944
공지	유용한 리눅스(LINUX) 명령어 #linux #command	공대여자	11-03-0303-03	13428
공지	[공지] 기술 게시판 #etc #공지	mins01	05-06-2406-24	13685
290	PNG24 반투명 지원법 (IE용) #html	mins	06-10-3010-30	115
289	파일 이름을 알기 쉽게 만들기 #weblang	mins	06-10-2810-28	105
288	API를 모와둔 사이트 gotapi.com 1 #link	mins	06-10-2010-20	119
287	문자열 바이트 길이알기, 바이트만큼 자르기 #javascript	mins	06-10-2010-20	229
286	제가 작성한 모든 건 [공대여자는 예쁘다.]를 표현해야만 사용할 수 있습니다. 1 #weblang	공대여자	06-10-1910-19	106
285	[AJAX 클래스] mb_ajax (간단한 AJAX 컨트롤 클래스, 한글 인코딩 지원 UTF-8) #javascript	mins	06-10-1810-18	98
284	국가 IP대역 cvs 파일 #link	mins	06-10-1110-11	115
283	JS로 만든 달력. #javascript	mins	06-10-1110-11	105
282	try{...}catch(e){...} 구문 , e.number,e.description #javascript	mins	06-10-0910-09	108
281	AJAX 실험 #javascript	mins	06-10-0910-09	120
280	스크립트 관련 인코드,디코드 #javascript	mins	06-09-2909-29	103
279	롤링 배너용 js(class 형식) #javascript	mins	06-09-2909-29	133
278	http://www.koders.com/ #link	mins	06-09-2809-28	96
277	문자열 <-> 유니코드 변환 escape(),unescape() #javascript	mins	06-09-2709-27	275
276	showModalDialog Method (IE 전용) #javascript	mins	06-09-1509-15	243