统计在线人数...

您的位置: 首页 >> 网络学院 >> 网页制作 >> HTML/CSS >> 一个表单日期输入的JS脚本非常实用文章内容

一个表单日期输入的JS脚本非常实用

[ 来源：不详 | 作者：不详 | 时间：2006-7-8 下午 09:49:58 | 浏览：统计中... ]

<script language=javascript>var DS_x,DS_y;function dateSelector() //构造dateSelector对象，用来实现一个日历形式的日期输入框。{var myDate=new Date();this.year=myDate.getFullYear(); //定义year属性，年份，默认值为当前系统年份。this.month=myDate.getMonth()+1; //定义month属性，月份，默认值为当前系统月份。this.date=myDate.getDate(); //定义date属性，日，默认值为当前系统的日。this.inputName=''; //定义inputName属性，即输入框的name，默认值为空。注意：在同一页中出现多个日期输入框，不能有重复的name！this.display=display; //定义display方法，用来显示日期输入框。}function display() //定义dateSelector的display方法，它将实现一个日历形式的日期选择框。{var week=new Array('日','一','二','三','四','五','六');document.write("<style type=text/css>");document.write(" .ds_font td,span { font: normal 12px 宋体; color: #000000; }");document.write(" .ds_border { border: 1px solid #000000; cursor: hand; background-color: #DDDDDD }");document.write(" .ds_border2 { border: 1px solid #000000; cursor: hand; background-color: #DDDDDD }");document.write("</style>");document.write("<input style='text-align:center;' id='DS_"+this.inputName+"' name='"+this.inputName+"' value='"+this.year+"-"+this.month+"-"+this.date+"' title=双击可进行编缉 ondblclick='this.readOnly=false;this.focus()' onblur='this.readOnly=true' readonly>");document.write("<button style='width:60px;height:18px;font-size:12px;margin:1px;border:1px solid #A4B3C8;background-color:#DFE7EF;' type=button onclick=this.nextSibling.style.display='block' onfocus=this.blur()>选择日期</button>");document.write("<div style='position:absolute;display:none;text-align:center;width:0px;height:0px;overflow:visible' onselectstart='return false;'>");document.write(" <div style='position:absolute;left:-60px;top:20px;width:142px;height:165px;background-color:#F6F6F6;border:1px solid #245B7D;' class=ds_font>");document.write(" <table cellpadding=0 cellspacing=1 width=140 height=20 bgcolor=#CEDAE7 >");document.write(" <tr align=center>");document.write(" <td width=12% onmouseover=this.className='ds_border' onmouseout=this.className='' onclick=subYear(this) title='减小年份'><<</td>");document.write(" <td width=12% onmouseover=this.className='ds_border' onmouseout=this.className='' onclick=subMonth(this) title='减小月份'><</td>");document.write(" <td width=52%><b>"+this.year+"</b><b>年</b><b>"+this.month+"</b><b>月</b></td>");document.write(" <td width=12% onmouseover=this.className='ds_border' onmouseout=this.className='' onclick=addMonth(this) title='增加月份'>></td>");document.write(" <td width=12% onmouseover=this.className='ds_border' onmouseout=this.className='' onclick=addYear(this) title='增加年份'>>></td>");document.write(" </tr>");document.write(" </table>");document.write(" <table cellpadding=0 cellspacing=0 width=140 height=20 >");document.write(" <tr align=center>");for(i=0;i<7;i++)document.write(" <td>"+week[i]+"</td>");document.write(" </tr>");document.write(" </table>");document.write(" <table cellpadding=0 cellspacing=2 width=140 bgcolor=#EEEEEE>");for(i=0;i<6;i++){document.write(" <tr align=center>");for(j=0;j<7;j++)document.write(" <td width=10% height=16 onmouseover=if(this.innerText!=''&&this.className!='ds_border2')this.className='ds_border' onmouseout=if(this.className!='ds_border2')this.className='' onclick=getvalue(this,document.all('DS_"+this.inputName+"'))></td>");document.write(" </tr>");}document.write(" </table>");document.write(" <span style=cursor:hand onclick=this.parentNode.parentNode.style.display='none'>【关闭】</span>");document.write(" </div>");document.write("</div>");dateShow(document.all("DS_"+this.inputName).nextSibling.nextSibling.childNodes[0].childNodes[2],this.year,this.month)}function subYear(obj) //减小年份{var myObj=obj.parentNode.parentNode.parentNode.cells[2].childNodes;myObj[0].innerHTML=eval(myObj[0].innerHTML)-1;dateShow(obj.parentNode.parentNode.parentNode.nextSibling.nextSibling,eval(myObj[0].innerHTML),eval(myObj[2].innerHTML))}function addYear(obj) //增加年份{var myObj=obj.parentNode.parentNode.parentNode.cells[2].childNodes;myObj[0].innerHTML=eval(myObj[0].innerHTML)+1;dateShow(obj.parentNode.parentNode.parentNode.nextSibling.nextSibling,eval(myObj[0].innerHTML),eval(myObj[2].innerHTML))}function subMonth(obj) //减小月份{var myObj=obj.parentNode.parentNode.parentNode.cells[2].childNodes;var month=eval(myObj[2].innerHTML)-1;if(month==0){month=12;subYear(obj);}myObj[2].innerHTML=month;dateShow(obj.parentNode.parentNode.parentNode.nextSibling.nextSibling,eval(myObj[0].innerHTML),eval(myObj[2].innerHTML))}function addMonth(obj) //增加月份{var myObj=obj.parentNode.parentNode.parentNode.cells[2].childNodes;var month=eval(myObj[2].innerHTML)+1;if(month==13){month=1;addYear(obj);}myObj[2].innerHTML=month;dateShow(obj.parentNode.parentNode.parentNode.nextSibling.nextSibling,eval(myObj[0].innerHTML),eval(myObj[2].innerHTML))}function dateShow(obj,year,month) //显示各月份的日{var myDate=new Date(year,month-1,1);var today=new Date();var day=myDate.getDay();var selectDate=obj.parentNode.parentNode.previousSibling.previousSibling.value.split('-');var length;s</p></div><p align="center"><b><font color="red">[1]</font> <a href="10791_2.html">[2]</a>  <a href="10791_2.html">下一页</a></b></p>
          </div>
        </div>
        <div class="clear"></div>
        
        <div class="artfunction">
          <ul>
            <li><a href="#comment">网友评论</a></li>
            <li><a href="/user/favorite.asp?action=add&topic=一个表单日期输入的JS脚本 非常实用">加入收藏</a></li>
            <li><a href="javascript:window.print()">打印本文</a></li>
            
          </ul>
        </div>
        <div class="clear"></div>
        
        <div class="artcontext">
          <h4 class="previous"><strong>上一篇：</strong><a href="/article/166/218/10789.html">Flash AS高级知识：深入了解Function</a></h4>
          <h4 class="next"><strong>下一篇：</strong><a href="/article/159/180/10793.html">JS：页面载入时的等待效果</a></h4>
        </div>
        <div class="clear"></div>
        
        <div class="artcorrel">
          <h3>>> 相关文章</h3>
          <ul>
<li><a href="/article/160/184/22211.html" title="ASP优化：非常实用的ASP提速技巧五则">ASP优化：非常实用的ASP提速技巧五则</a></li>
<li><a href="/article/159/180/10791.html" title="一个表单日期输入的JS脚本 非常实用">一个表单日期输入的JS脚本 非常实用</a></li>
<li><a href="/article/160/185/6638.html" title="如何将一个表单同时提交到两个地方处理">如何将一个表单同时提交到两个地方处理</a></li>
<li><a href="/article/159/181/5872.html" title="Javascript实例教程(5) 在一个表单中设置和检查Cookies">Javascript实例教程(5) 在一个表单中设置和检查Cook...</a></li>
<li><a href="/article/160/184/4319.html" title="送大家一个小脚本，非常实用">送大家一个小脚本，非常实用</a></li>
<li><a href="/article/160/184/4277.html" title="通过几个非常实用的例子了解asp中使用正则表达式">通过几个非常实用的例子了解asp中使用正则表达式</a></li>
          </ul>
        <ul>
        <li><a href="/go.html?u=http://www.baidu.com/s?wd=一个表单日期输入的JS脚本 非常实用"><strong>一个表单日期输入的JS脚本 非常实用</strong>在百度baidu上的更多资料</a></li>
        <li><a href="/go.html?u=http://www.google.cn/search?hl=zh-CN&q=一个表单日期输入的JS脚本 非常实用&meta=&aq=f"><strong>一个表单日期输入的JS脚本 非常实用</strong>在谷歌google上的更多资料</a></li>
        <li><a href="/go.html?u=http://search.cn.yahoo.com/search?ei=gbk&v=&fr=fp-tab-web-ycn&pid=ysearch&source=yahoo_yhp_0706_search_button&p=一个表单日期输入的JS脚本 非常实用&meta=&aq=f"><strong>一个表单日期输入的JS脚本 非常实用</strong>在雅虎yahoo上的更多资料</a></li>
        <li><a href="/go.html?u=http://www.soso.com/q?pid=s.idx&w=一个表单日期输入的JS脚本 非常实用&meta=&aq=f"><strong>一个表单日期输入的JS脚本 非常实用</strong>在搜搜soso上的更多资料</a></li>
        <li><a href="/go.html?u=http://cnweb.search.live.com/results.aspx?q=一个表单日期输入的JS脚本 非常实用&meta=&aq=f"><strong>一个表单日期输入的JS脚本 非常实用</strong>在MSN搜索上的更多资料</a></li>
        </ul>
        </div>
      </div>
      <div class="clear" style="margin-bottom:6px;"></div>
      
      <a name="comment" id="comment"></a>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style=" font-family:Arial; font-size:12px; color:#333333">  <tr>    <td width="12"><img src="/skin/zychina2008/images/com_a1.gif"></td>    <td background="/skin/zychina2008/images/com_a2.gif"><div style="float:left; width: 100%; "><span  style="float:left;"><img src="/skin/zychina2008/images/com_titpic.gif" alt="共有0人参与评价，平均得分：0分" /></span><span style="width:480px;  float:right; background-color:#FFFFFF; ">        <h5 style="float:left; padding-left: 6px;font-size: 14px;line-height: 20px;padding-top: 8px;">评论内容只代表网友观点，与本站立场无关！ <a style="text-decoration: none;font-weight: bold;color: #FF6600;" href="/article/comment.asp?Articleid=10791"  target="_blank" >查看完整内容</a></h5>        
<input  type="image" name="imageField" id="imageField" src="/skin/zychina2008/images/com_btn1.gif" onClick="addform.style.display=((addform.style.display=='block')?('none'):('block'));" alt="点击发表评论"/>        </span> </div></td>    <td width="12"><img src="/skin/zychina2008/images/com_a3.gif"></td>  </tr>  <tr>    <td rowspan="2" background="/skin/zychina2008/images/com_b1.gif"> </td>    <td><div id="addform" style="display:none;">
  <div id="postcomment" style=" font-family:Arial; font-size:12px; color:#333333; width: 100%; margin-top: 8px; margin-bottom: 8px; ">
    <form action="/article/comment.asp" method="post" name="FormComment" id="FormComment">
      <input type="Hidden" name="ArticleID" value="10791" />
      <input type="Hidden" name="action" value="save" />
      <div style="background-color: #FFFFCC;border: 1px solid #FFCC66;height: 32px;margin-bottom: 6px; width: 99%;"><span style="padding-right: 6px; padding-left: 6px; height: 32px; line-height: 32px; float: left;  font-size: 14px; font-weight: bolder; color: #663300;">我来评两句</span><span style="float: right;  width:auto;">
        <label for="UserName" style="line-height: 32px;float: left; margin-left: 4px; margin-right: 10px;">用户名称</label>
        <input name="UserName" title="请填写笔名，只能包含汉字、字母、数字和下划线~!" class="on" size="8" maxlength="24"  onfocus="this.className='over';if (value =='网友'){value =''}" onblur="this.className='on'" value="网友" style=" border: 1px solid #FFB111; line-height: 18px; height: 18px; float: left; margin-top: 6px; padding-left: 4px;" id="UserName"/>
        <label for="UserName" style="line-height: 32px;float: left; margin-left: 4px; margin-right: 10px;">评分</label>
        <select name="Grade"  style=" border: 1px solid #FFB111; line-height: 18px; height: 18px; float: left; margin-top: 6px; padding-left: 4px;"  id="searchform_select">
          <option value="100">100</option>
          <option value="85" selected>85</option>
          <option value="70">70</option>
          <option value="55">55</option>
          <option value="40">40</option>
          <option value="25">25</option>
          <option value="10">10</option>
          <option value="0">0</option>
        </select>
        <label for="codestr" style="line-height: 32px; float: left; margin-left: 4px; margin-right: 10px;">验证码</label>
        <input input="input" name="codestr" type="text" title="请填写右边的验证码" size="5" maxlength="8"  style=" border: 1px solid #FFB111; line-height: 18px; height: 18px; float: left; margin-top: 6px; padding-left: 4px;" id="codestr"/>
        <span style="float: left;margin-top: 6px; margin-left: 4px;" ><img src="/inc/getcode.asp" alt="验证码,看不清楚?请点击刷新验证码" height="10" style="cursor : pointer;" onClick="this.src='/inc/getcode.asp?t='+(new Date().getTime());" /></span>
      </span></div>
      <p>
        <textarea name="content"  rows="6"onchange="document.getElementById('spanCommentContentLength').innerHTML=value.length;"onkeyup="if(event.ctrlKey && (10 == event.keyCode || 13 == event.keyCode) && form.onsubmit()) form.submit(); else onchange();" onpropertychange="onchange()" style="border: 1px solid #FFCC66; float: left; line-height: 22px; width: 98%; background-image: url(/skin/zychina2008/images/inputbg.gif);background-repeat: no-repeat;background-position: 260px 20px;padding: 5px; background-attachment: scroll;" >

最多500字。当前字数：0

分类导航

本类阅读排行本类推荐排行

本类阅读排行本类推荐排行

随机推荐文章

广告位

当前在线人数人

关于我们　|　广告联系　|　版权声明　|　帮助中心　|　友情链接　|　网站地图

QQ:748838　MSN:allen_xia#msn.com　E-mail:allenxia666#126.com　QQ群:站长联盟北方区-北京(28200145) 站长联盟南方区-上海(67713522)

Copyright 2003-2008 zychina.com.cn All Rights Reserved. 京ICP备05033487号