JavaScript 实现日历式日期选择

来源:网络收集 责任编辑:栏目编辑 发表时间:2013-07-02 04:31 点击:
【javascript 实现日历式日期选择】 
date.js代码:
/*=======Calendar.js=======By Jiang Hongbin=======*/
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 today; 
document.writeln("<div id=’Calendar’ style=’position:absolute; z-index:1; visibility: hidden; filter:\"progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#999999,strength=3)\"’></div>");
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 getStringDay(str) 

 //得到输入框的年,月,日
 var str=str.split("-")
 
 this.now = new Date(parseFloat(str[0]),parseFloat(str[1])-1,parseFloat(str[2])); 
 this.year = this.now.getFullYear(); 
 this.month = this.now.getMonth(); 
 this.day = this.now.getDate(); 
}
function newCalendar() { 
 var parseYear = parseInt(document.all.Year.options[document.all.Year.selectedIndex].value); 
 var newCal = new Date(parseYear, document.all.Month.selectedIndex, 1); 
 var day = -1; 
 var startDay = newCal.getDay(); 
 var daily = 0; 
 
 if ((today.year == newCal.getFullYear()) &&(today.month == newCal.getMonth())) 
  day = today.day; 
  
 var tableCal = document.all.calendar; 
 var intDaysInMonth =getDays(newCal.getMonth(), newCal.getFullYear());
  
 for (var intWeek = 1; intWeek < tableCal.rows.length;intWeek++) 
  for (var intDay = 0;intDay < tableCal.rows[intWeek].cells.length;intDay++) 
  { 
   var cell = tableCal.rows[intWeek].cells[intDay]; 
   if ((intDay == startDay) && (0 == daily)) 
    daily = 1; 
    
   if(day==daily) //今天,调用今天的Class 
   {
    cell.style.background=’#6699CC’;
    cell.style.color=’#FFFFFF’;
    //cell.style.fontWeight=’bold’;
   }
   else if(intDay==6) //周六 
    cell.style.color=’green’; 
   else if (intDay==0) //周日 
    cell.style.color=’red’;
   
   if ((daily > 0) && (daily <= intDaysInMonth)) 
   { 
    cell.innerText = daily; 
    daily++; 
   } 
   else 
    cell.innerText = ""; 
  } 

function GetDate(InputBox)

 var sDate; 
 //这段代码处理鼠标点击的情况 
 if (event.srcElement.tagName == "TD") 
  if (event.srcElement.innerText != "") 
  { 
   sDate = document.all.Year.value + "-" + document.all.Month.value + "-" + event.srcElement.innerText;
   eval("document.all."+InputBox).value=sDate;
   HiddenCalendar();
  } 

function HiddenCalendar()
{
 //关闭选择窗口
 document.all.C
    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    用户名: 验证码:点击我更换图片
    最新评论 更多>>

    推荐热点

    • Gb2312转utf-8编码的方法(vbs+js)
    • 如何使用Ajax技术开发Web应用程序(1)
    • js跳转路径问题
    • JavaScript模仿桌面窗口
    • 用js检测两个线段是否相交
    • 我知道的JavaScript -- 设计模式(桥接)应用之 – 验证器
    • 运用JavaScript构建你的第一个Metro式应用程序(on Windows
    • 我是如何去了解jquery的(六),案例之幻灯片轮换
    • Jquery封装幻灯片效果
    网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
    Copyright © 2008-2015 计算机技术学习交流网. 版权所有

    豫ICP备11007008号-1