e股脑电脑教程网
  • 首 页
  • 操作系统
  • 应用软件
  • 下载工具
  • 影音视频
  • 办公软件
  • 媒体制作
  • 网站建设
  • 平面设计
  • 数据库
  • 程序开发
  • 视频教程
编辑推荐: | 文章搜索:
您现在的位置: e股脑 >> 网站建设 >> Javascript教程 >> javascript版的日期输入控件 >> 教程正文
 
教程搜索
 
 
相关教程
  • javascript窗口功能指南之关闭窗口
  • javascript窗口功能指南之创建对话
  • javascript窗口功能指南之引用已打
  • javascript窗口功能指南之在窗口中
  • javascript窗口功能指南之操纵窗口
  • javascript窗口功能指南之检查一个
  • javascript窗口功能指南之定制新窗
  • javascript窗口功能指南之发挥窗口
  • javascript窗口功能指南之打开一个
  • 输入日期之改进模式
  • 用javascript实现利用FLASH嵌入声
  • 如何使用可以接受输入的列表框
  • 图片控制的渐变色文字
  • javascript实例教程(10) 随机显示
  • javascript实例教程(2) 创建弹出式
  • javascript 小技巧(第十集)
 
 

图文教程


  • Windows抢了谁的饭碗 非主流操作系统To

  • 地球还是火星 平常心看“非主流”

  • 综合运用Office 2007批量制作奖状

  • 没有系统盘如何才能修复受损系统?

  • 巧妙运用Excel中边界的附加功能!
 
 
赞 助 商
 
 
javascript版的日期输入控件
  • 来源:e股脑
  • 点击次数:
  • 更新时间:2007-8-9

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

{

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.length;i++)

{

day[i].innerText="";

}

for(var j=1;j<=numDays;j++) //插入日期

{

day[startDay+j-1].innerText=j;

}

}

function writeDate(n)

{

document.writeln("<H3 ALIGN='CENTER'>"+n+"</H3>");

}

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" val

1 2 3 下一页
  • 上一篇教程: 可输入的select改进版本,同一页面可有多个list,调用接口简化
  • 下一篇教程: 日期控件还是看看这个吧
  •  

    关于本站 | 广告联系 | 版权声明 | 使用帮助

    Copyright © 2004-2008 www.egunao.com All rights reserved.