javascript版的日期输入控件六世下载站

　首页 ┆ 程序设计 ┆ 数据库 ┆ 操作系统 ┆ 办公系列 ┆ WEB开发 ┆ 项目专题 ┆ 网络安全 ┆ 图形图像 ┆ 站点地图 ┆ 友情链接

　您的位置: >首页 >WEB开发 >JavaScript >javascript版的日期输入控件

文章搜索

按名称按简介

本类推荐
· 层遇到select框时
· 在网页中控制wmplayer播放器
· JS实现浏览器菜单命令
· 用JScript实现公历到农历的日...
· VML Chart 控件
· javascript版的日期输入控件
· Select的OnChange()事件
· 我也写了个日历控件
· 用Javascript制作一个可自动填...
· JavaScript[对象.属性]集锦之一

本类排行
· 用Javascript制作一个可自动填...
· VML Chart 控件
· 层遇到select框时
· 在网页中控制wmplayer播放器
· 我也写了个日历控件
· 用JScript实现公历到农历的日...
· 使用回车,移动焦点.
· javascript版的日期输入控件
· Select的OnChange()事件
· JS实现浏览器菜单命令
· JavaScript[对象.属性]集锦之三
· JavaScript[对象.属性]集锦之一
· 文档对象
· JavaScript常用内部对象
· document.execCommand() 解析
· 事件处理
· JavaScript实用的一些技巧
· showModalDialog和showModeles...
· JavaScript[对象.属性]集锦之二

javascript版的日期输入控件

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

<META NAME="Generator" CONTENT="Microsoft FrontPage 5.0">

<META NAME="Author" CONTENT="zhaoweiwei">

<META NAME="Keywords" CONTENT="birthday_input">

<META NAME="Description" CONTENT="日起输入控件">

<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)

{

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>

<div id="input_birth" name="input_birth" style="visibility:hidden; width:239; height:128">

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" style="cursor:hand" bordercolor="#111111" width="100%" height="26">

<tr>

<td width="100%" colspan="3" height="26">   <input type="button" value="<<" onclick="plusyear()" name="plusyear">

<input type="button" value="<" onclick="plusmonth()" name="plusmonth">  <font id="year">

</font>年<font id="month"></font>月

<input type="button" value=">" onclick="addmonth()" name="addmonth">

<input type="button" value=">>" name="addyear" onclick="addyear()"></td>

</tr>

<tr>

<td width="100%" colspan="3" height="119" valign="top">

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">

<tr>

<td width="14%" align="center"><b><font color="#FF0000">日</font></b></td>

<td width="14%" align="center"><b>一</b></td>

<td width="14%" align="center"><b>二</b></td>

<td width="14%" align="center"><b>三</b></td>

<td width="14%" align="center"><b>四</b></td>

<td width="15%" align="center"><b>五</b></td>

<td width="15%" align="center"><b><font color="#FF0000">六</font></b></td>

</tr>

<tr>

<td width="14%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)"></td>

<td width="14%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="14%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="14%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="14%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="15%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="15%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

</tr>

<tr>

<td width="14%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="14%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="14%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="14%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="14%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="15%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="15%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

</tr>

<tr>

<td width="14%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="14%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="14%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="14%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="14%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="15%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="15%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

</tr>

<tr>

<td width="14%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="14%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="14%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="14%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="14%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="15%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="15%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

</tr>

<tr>

<td width="14%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="14%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="14%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="14%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="14%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="15%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="15%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

</tr>

<tr>

<td width="14%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="14%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="14%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="14%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="14%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="15%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

<td width="15%" align="center" id="day" onclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>

</tr>

</table>

</td>

</tr>

<tr>

<td width="33%" height="1"></td>

<td width="33%" height="1"></td>

<td width="34%" height="1"></td>

</tr>

</table>

</div>

</BODY>

</HTML>

相关软件

相关文章


下载帮助	发布软件	自助友情	友情链接	网站导航	广告服务	法律声明	联系我们
六世下载版权所有 ©2005-2007
本站的数据收集于网络,版权归原作者及出版社所有如果您觉得侵犯了您的版权请来信告诉我们,我们会尽快删除其内容！
鲁ICP备05050400号