转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> Web开发 >> 正文
一个在时间选择上很有用的代码         ★★★★

一个在时间选择上很有用的代码

作者:闵涛 文章来源:闵涛的学习笔记 点击数:1412 更新时间:2009/4/23 11:27:08
p; fSetYearMon(giYear, giMonth);
  var point = fGetXY(popCtrl);
  with (VicPopCal.style) {
   left = point.x+10;   //弹出窗口的坐标
 top  = point.y+popCtrl.offsetHeight+15;
 width = VicPopCal.offsetWidth;
 width = 180; //
 height = VicPopCal.offsetHeight;
 height = 180;
 fToggleTags(point);  
 visibility = 'visible';
  }
}

// Added by Han Chen
function fInitialDate(strDate){
 if( strDate == null || strDate.length != 10 )
  return false;

 var sYear  = strDate.substring(0,4);
 var sMonth = strDate.substring(5,7);
 var sDay   = strDate.substring(8,10);

 if( sMonth.charAt(0) == '0' ) { sMonth = sMonth.substring(1,2); }
 if( sDay.charAt(0)   == '0' ) { sDay   = sDay.substring(1,2);   }

 var nYear  = parseInt(sYear );
 var nMonth = parseInt(sMonth);
 var nDay   = parseInt(sDay  );
 
 if ( isNaN(nYear ) ) return false;
 if ( isNaN(nMonth) ) return false;
 if ( isNaN(nDay  ) ) return false;

 var arrMon = new Array(12);
 arrMon[ 0] = 31; arrMon[ 1] = nYear % 4 == 0 ? 29:28;
 arrMon[ 2] = 31; arrMon[ 3] = 30;
 arrMon[ 4] = 31; arrMon[ 5] = 30;
 arrMon[ 6] = 31; arrMon[ 7] = 31;
 arrMon[ 8] = 30; arrMon[ 9] = 31;
 arrMon[10] = 30; arrMon[11] = 31;

 if ( nYear  < 1900 || nYear > 2100 )   return false;
 if ( nMonth < 1 || nMonth > 12 )    return false;
 if ( nDay < 1 || nDay > arrMon[nMonth - 1] ) return false;

 giYear  = nYear;
 giMonth = nMonth;
 giDay   = nDay;
 return true;
}

var gMonths = new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");

with (document) {
write("<Div id='VicPopCal' style='POSITION:absolute;VISIBILITY:hidden;border:2px ridge;z-index:100;'>");
write("<table border='0' bgcolor='#cccccc'>");
write("<TR>");
write("<td valign='middle' align='center'><input type='button' name='PrevMonth' value='<' style='height:20;width:20;FONT:bold' onClick='fPrevMonth()'>");
write("&nbsp;<SELECT name='tbSelYear' onChange='fUpdateCal(tbSelYear.value, tbSelMonth.value)' Victor='Won'>");
for(i=1950;i<2030;i++)
 write("<OPTION value='"+i+"'>"+i+" 年</OPTION>");
write("</SELECT>");
write("&nbsp;<select name='tbSelMonth' onChange='fUpdateCal(tbSelYear.value, tbSelMonth.value)' Victor='Won'>");
for (i=0; i<12; i++)
 write("<option value='"+(i+1)+"'>"+gMonths[i]+"</option>");
write("</SELECT>");


write("&nbsp;<input type='button' name='PrevMonth' value='>' style='height:20;width:20' onclick='fNextMonth()'>");
write("</td>");
write("</TR><TR>");
write("<td align='center'>");
write("<DIV style='background-color:teal'><table width='100%' border='0'>");
fDrawCal(giYear, giMonth, 0, '0');
write("</table></DIV>");
write("</td>");
write("</TR><TR><TD align='center'>");


//
write("&nbsp;<select name='tbSelHour' onChange='fTime(tbSelHour,tbSelSec,tbSelMin)' Victor='Won'>");
for(i=0;i<24;i++)
 {
 if(i<10)
 {
  write("<OPTION value='0"+i+"'>"+i+"时</OPTION>");
 }
 else
 {
  write("<OPTION value='"+i+"'>"+i+"时</OPTION>");
 }
 }
write("</SELECT>");

write("&nbsp;<select name='tbSelSec' onChange='fTime(tbSelHour,tbSelSec,tbSelMin)' Victor='Won'>");
for(i=0;i<60;i++)
 if(i<10)
 {
  write("<OPTION value='0"+i+"'>"+i+"分</OPTION>");
 }
 else
 {
  write("<OPTION value='"+i+"'>"+i+"分</OPTION>");
 }
write("</SELECT>");

write("&nbsp;<select name='tbSelMin' onChange='fTime(tbSelHour,tbSelSec,tbSelMin)' Victor='Won'>");
for(i=0;i<60;i++)
 if(i<10)
 {
  write("<OPTION value='0"+i+"'>"+i+"秒</OPTION>");
 }
 else
 {
  write("<OPTION value='"+i+"'>"+i+"秒</OPTION>");
 }
write("</SELECT>");
//


write("<TABLE width='100%'><TR><TD align='center'>");
write("<font size='2'  onclick='fSetDate(0,0,0)' onMouseOver='this.style.color=gcToggle' onMouseOut='this.style.color=0'>&nbsp;清空</font>"); 
//B style='cursor:hand'被替换为font size='2'
write("</td><td algin='center'>");
write("<font size='2'  onclick='fSetDate(giYear,giMonth,giDay)' onMouseOver='this.style.color=gcToggle' onMouseOut='this.style.color=0'>今天: "+giYear+"-"+giMonth+"-"+giDay+"</font>");
//B style='cursor:hand'被替换为font size='2'
write("</td></tr></table>");
write("</TD></TR>");
write("</TABLE></Div>");
}


HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style type="text/css">
<!--
.style1 {font-size: 10px}
-->
</style>
</head>

<body>

<body bgcolor="#D6D3CE">

<script language="javascript" src="time.js">  //调用JS代码
</script>
<div align="center">
  <center>
  <table width="248" border="0">
    <tr>
      <td nowrap width="599"><span class="style1">选择时间</span>:<input class="input" onclick="fPopCalendar(regdate,regdate);return false" type="text" name="regdate" size="30"></td>
    </tr>
  </table>
  </center>
</div>

</body>

</body>
</html>

上一页  [1] [2] 


没有相关教程
教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台