javascript 表单日期选择效果

更新时间：2007年08月07日 10:16:39 作者：

<html> <head> <title>Agenda</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style type="text/css"> BODY {     FONT-SIZE: 9pt; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; } A {     FONT-SIZE: 9pt; TEXT-DECORATION: none; color: #000000 } A:hover {     TEXT-DECORATION: none; color: #000000 } A:link {     TEXT-DECORATION: none } A:visited {     TEXT-DECORATION: none } BR {     FONT-SIZE: 9pt; height: 15pt; } TD {     FONT-SIZE: 9pt; LINE-HEIGHT: 11pt; } input {     FONT-SIZE: 9pt; height: 15pt; } .SCROLLBAR {     SCROLLBAR-FACE-COLOR: #718698;     SCROLLBAR-HIGHLIGHT-COLOR: #899aa9;     SCROLLBAR-SHADOW-COLOR: #506981;     SCROLLBAR-3DLIGHT-COLOR: #5b7086;     SCROLLBAR-ARROW-COLOR: #506981;     SCROLLBAR-TRACK-COLOR: #5b7086;     SCROLLBAR-DARKSHADOW-COLOR: #5b7086 } </style> <script language="JavaScript1.2">  </script> </head> <body onClick="HideDate()"> <p align=center>&nbsp;</p> <p align=center> <input type=text id=selDate value="" style="width: 80px" readonly><input type=button value="q" style="FONT-SIZE: 7pt; FONT-FAMILY: Wingdings 3; width: 15pt" onClick="showCalendar()"> </p> <div id="LayerDate" onClick="event.cancelBubble=true" style="position:absolute; width:300px; height:115px; z-index:1; visibility: hidden; BORDER: 1 solid black;"> <table width="300" border="0" cellspacing="0" cellpadding="0" align="center">   <tr>      <td width="40" align="center" bgcolor="#000000" nowrap>&nbsp;<input type="button" value="|" style="FONT-FAMILY: Wingdings 3;width: 20px" onClick="DateChange(false)"></td>     <td width="100%" align="center" bgcolor="#000000" style="color: white;FONT-WEIGHT: bold; CURSOR: default" nowrap><span id="ShowYear" onClick="YearChange()"></span>&nbsp;年&nbsp;<span id="ShowMon" onClick="MonChange()"></span>&nbsp;月</td>     <td width="40" align="center" bgcolor="#000000" nowrap><input type="button" value="}" style="FONT-FAMILY: Wingdings 3;width: 20px" onClick="DateChange(true)">&nbsp;</td>   </tr>   <tr>      <td colspan="3" align="center"> <span id="Cal_Tab"></span> </td>   </tr>   <tr>      <td height=30 colspan="3" valign="middle" style="cursor: default" onClick="Cal_Tab.innerHTML=Calendar(years,months-1);ShowYear.innerText=years;ShowMon.innerText=months"><image src=image/now.gif height=12>        <b>今天：        <script>document.write(years + "-" + months + "-" + days)</script>       </b> </td>   </tr> </table> </div> <script language="JavaScript1.2">     ShowYear.innerText=years;     ShowMon.innerText=months;     Cal_Tab.innerHTML=Calendar(years,months-1);     ShowPlan(years,(months-1),days); </script> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

同一页面多个商品倒计时JS 基于面向对象的javascript
同一页面多个商品倒计时JS 基于面向对象的javascript实现代码，需要的朋友可以参考下
2012-02-02
不错的一个日期输入动态
[红色]不错的一个日期输入动态...
2006-11-11
用js实现页面显示当前日期和时间的代码
js时间日期显示效果代码
2008-04-04
javascript 表单日期选择效果
javascript 表单日期选择效果...
2007-08-08
无限扩展的年份select
无限扩展的年份select...
2006-08-08
超级可爱纯js网页时钟
超级可爱纯js网页时钟...
2007-04-04
一个日历,兼容多种浏览器
一个日历,兼容多种浏览器...
2006-11-11
不错显示时间特效
不错显示时间特效...
2006-07-07
一个可以显示阴历的JS代码
一个可以显示阴历的JS代码...
2007-03-03
转一个日期输入控件，支持FF
转一个日期输入控件，支持FF...
2007-04-04

javascript 表单日期选择效果

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具