站内搜索: 请输入搜索关键词

当前页面: 开发资料首页 → Javascript 专题 → javascript版的日期输入控件

javascript版的日期输入控件

摘要: javascript版的日期输入控件


HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<head>
New Document




<script>
function showdb() //显示控件/隐藏空间
{
var CurrentDate=new Date();
var CYear=CurrentDate.getFullYear();
var CMonth=CurrentDate.getMonth();
var CDay=CurrentDate.getDay();

var a=document.getElementById("input_birth");

var obj_year=document.getElementById("year"); //当展开控件时自动取到当前时间（客户端）
obj_year.innerText=CYear;
var obj_month=document.getElementById("month");
obj_month.innerText=CMonth+1;

var s=new Date(CYear,CMonth,1);
var startDay=s.getDay(); //日期起始数字
var numDays=numberOfDays(CMonth,CYear); //本月天数
var day=document.getElementsByName("day");
for(var j=1;j<=numDays;j++) //插入日期
{
day[startDay+j-1].innerText=j;
}


if(a.style.visibility=='visible')
{
a.style.visibility='hidden';
}
else
{
a.style.visibility='visible';
}


}
function addyear()
{

var obj_year=document.getElementById("year");
var obj_month=document.getElementById("month");

var num_year=obj_year.innerText;
obj_year.innerText=parseInt(num_year)+1; //年数增加

displayCalendar(obj_month.innerText-1,obj_year.innerText);


}
function plusyear()
{

var obj_year=document.getElementById("year");
var obj_month=document.getElementById("month");

var num_year=obj_year.innerText;
obj_year.innerText=parseInt(num_year)-1; //年数减少

displayCalendar(obj_month.innerText-1,obj_year.innerText);


}
function addmonth()
{

var obj_month=document.getElementById("month");
var obj_year=document.getElementById("year");

if(parseInt(obj_month.innerText)>=12) //月数增加到12时，年数相应增加1，月数从1开始
{
obj_month.innerText="0";
obj_year=document.getElementById("year");
var num_year=obj_year.innerText;
obj_year.innerText=parseInt(num_year)+1;
}

var num_month=obj_month.innerText;
obj_month.innerText=parseInt(num_month)+1; //月数增加

displayCalendar(obj_month.innerText-1,obj_year.innerText);


}
function plusmonth()
{

var obj_month=document.getElementById("month");
var obj_year=document.getElementById("year");

if(parseInt(obj_month.innerText)<=1) //月数减少到1时，年数相应减少1，月数从12开始
{
obj_month.innerText="13";
obj_year=document.getElementById("year");
var num_year=obj_year.innerText;
obj_year.innerText=parseInt(num_year)-1;
}

var num_month=obj_month.innerText;
obj_month.innerText=parseInt(num_month)-1; //月数减少

displayCalendar(obj_month.innerText-1,obj_year.innerText);



}

function numberOfDays(month,year) //取得每月天数，判断平年闰年
{
var numDays=new Array(31,28,31,30,31,30,31,31,30,31,30,31);
n=numDays[month];
if(month==1&&year%4==0) ++n;
return n;
}

function displayCalendar(month,year)
{

var d=new Date(year,month,1);
var startDay=d.getDay(); //日期起始数字
var numDays=numberOfDays(month,year); //本月天数

var day=document.getElementsByName("day");
for(var i=0;i {
day[i].innerText="";
}
for(var j=1;j<=numDays;j++) //插入日期
{
day[startDay+j-1].innerText=j;
}

}
function writeDate(n)
{
document.writeln("

"+n+"

");
}

function add_day(year,month,day)
{
bd.birthdate.value=year+"-"+month+"-"+day;
}
</script>
</head>

<body>
<form name="bd">
<input type="text" name="birthdate" size="20" readOnly><input type="button" value="..." onclick="showdb()">
</form>


</body>

</td> </tr> <tr> <td vAlign=top align=left height="100%">
↑返回目录
前一篇: 自制漂亮的select
后一篇: 日期控件还是看看这个吧