html + js 달력

  
  
  
 var months = new Array(" ", " ", " "," ", " ", " ", " ", " ", " "," ", "  ", "  ");  
 var daysInMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31,30, 31, 30, 31);  
 var days = new Array(" "," ", " ", " "," ", " ", " ");  
 var classTemp;  
 var today=new getToday(); 
 var year=today.year;  
 var month=today.month;  
 var newCal;
 var daySelected; 
 function getDays(month, year) {  
  if (1 == month) return ((0 == year % 4)  &&  (0 != (year % 100))) ||(0 == year % 400) ? 29 : 28;  
  else return daysInMonth[month];  
 }  
 function getToday() {  
  this.now = new Date();  
  this.year = this.now.getFullYear();  
  this.month = this.now.getMonth();  
  this.day = this.now.getDate();  
 }  
 function Calendar() {  
  newCal = new Date(year,month,1);  
  today = new getToday();     
  var day = -1;  
  var startDay = newCal.getDay();  
  var endDay=getDays(newCal.getMonth(), newCal.getFullYear());  
  var daily = 0;  
  if ((today.year == newCal.getFullYear())  && (today.month == newCal.getMonth()))  
  {  
   day = today.day;  
  }  
  var caltable = document.all.caltable.tBodies.calendar;  
  var intDaysInMonth =getDays(newCal.getMonth(), newCal.getFullYear());  
  for (var intWeek = 0; intWeek < caltable.rows.length;intWeek++)  
   for (var intDay = 0;intDay < caltable.rows[intWeek].cells.length;intDay++)  
   {  
    var cell = caltable.rows[intWeek].cells[intDay];  
    var montemp=(newCal.getMonth()+1)<10?("0"+(newCal.getMonth()+1)):(newCal.getMonth()+1);           
    if ((intDay == startDay)  &&  (0 == daily)){ daily = 1;}  
    var daytemp=daily<10?("0"+daily):(daily);  
    var d="<"+newCal.getFullYear()+"-"+montemp+"-"+daytemp+">";  
    if(day==daily) cell.className="DayNow";  
    else if(intDay==6) cell.className = "DaySat";  
    else if (intDay==0) cell.className ="DaySun";  
    else cell.className="Day";  
    if ((daily > 0)  &&  (daily <= intDaysInMonth))  
    {  
     cell.innerText = daily;
	 //added
	 cell.οnclick= selectDate;
     daily++;  
    } else  
    {  
     cell.className="CalendarTD";  
     cell.innerText = "";  
    }  
  }  
  document.all.year.value=year;  
  document.all.month.value=month+1;  
 }
 //added
 function selectDate(mourseEvent)
 {
	dateSelected = new Date();
	daySelected = mourseEvent.srcElement.innerText;
	dateSelected.setFullYear(year);
	dateSelected.setMonth(month);
	dateSelected.setDate(daySelected);
	dateSelected.setHours(0);
	dateSelected.setMinutes(0);
	dateSelected.setSeconds(0);
	dateSelected.setMilliseconds(0);
 }
 function subMonth()  
 {  
  if ((month-1)<0)  
  {  
   month=11;  
   year=year-1;  
  } else  
  {  
   month=month-1;  
  }  
  Calendar();  
 }  
 function addMonth()  
 {  
  if((month+1)>11)  
  {  
   month=0;  
   year=year+1;  
  } else  
  {  
   month=month+1;  
  }  
  Calendar();  
 }  
 function setDate()   
 {  
  if (document.all.month.value<1||document.all.month.value>12)  
  {  
   alert("       1-12  !");  
   return;  
  }  
  year=Math.ceil(document.all.year.value);  
  month=Math.ceil(document.all.month.value-1);  
  Calendar();  
 }  
function buttonOver()  
{  
 var obj = window.event.srcElement;  
 obj.runtimeStyle.cssText = "background-color:#FFFFFF";  
// obj.className="Hover"; 
}  
function buttonOut()  
{  
 var obj = window.event.srcElement;  
 window.setTimeout(function(){obj.runtimeStyle.cssText = "";},300);  
}  
  
  
    
   document.write("<TD class=DaySunTitle id=diary >" + days[0] + "</TD>");   
   for (var intLoop = 1; intLoop < days.length-1;intLoop++) 
    document.write("<TD class=DayTitle id=diary>" + days[intLoop] + "</TD>");   
    document.write("<TD class=DaySatTitle id=diary>" + days[intLoop] + "</TD>");   
    
  for (var intWeeks = 0; intWeeks < 6; intWeeks++)  
  {  
   document.write("<TR style='cursor:hand'>");  
   for (var intDays = 0; intDays < days.length;intDays++) document.write("<TD class=CalendarTD onMouseover='buttonOver();' onMouseOut='buttonOut();'></TD>");  
   document.write("</TR>");
  }   
 
  
  
     
   
  
  
   3       4  
  
  
 
  
 
   
    
 
   
  
  
   
  
  
  
 Calendar();