漂亮的日期选择器[1]

[入库:2005年8月18日] [更新:2007年3月25日]

本文简介:选择自 conis 的 blog

效果

/*
本程序由(易晓峰)凌空踏烟设计制作,转载请保留版权
联系e-mail:conis@163.net 个人主页:http://www.conis.cn qq:47015280
http://www.52113.com http://www.upapex.com icicc:http://www.icicc.com
贝斯网络@您的电子商务顾问,贝斯网络为您提供专业的电子商务策划、网站建设顾问,贝斯网络有大量的电子商务文章,随时欢迎您的查阅。访问地址:http://www.upapex.com
*/
//日期的层
document.writeln('<div style="width:180;height:100;position:absolute;display:none;left:0;top:0;border:1px solid #c8d6ff;z-index:100;font-size:12px" id=aboutlayer>')
document.writeln ('<table style="width:100%;background-color:#ffffff" cellspacing=0 cellpadding=0 ><tr>')
document.writeln ('<td align="center" style="cursor:hand;background-color:#8eabff;color:#ffffff" onclick="about(0)"><b>关闭</b></br></td></tr><tr><td style="font-size:12px;line-height:18px"  onclick="about(0)">')
document.writeln("<font color=#8eabff><b>apex date selector 1.0</b></font><br>程序系列:apex 系列软件<br>")
document.writeln("程序名称:ads 1.0<br>")
document.writeln("程序性质:免费<br>")
document.writeln ('程序版本:1.0<br>')
document.writeln("程序设计:凌空踏烟(易晓峰)<br>")
document.writeln('作者主页:<a href="http://www.conis.cn" target="_black">http://www.conis.cn</a><br>')
document.writeln ('联系作者:<a href="mailto:conis@163.net" title="给作者发邮件">conis@163.net</a><br>联系qq:47015280</br>')
document.writeln('软件主页:<a href="http://www.upapex.com" target="_black">http://www.upapex.com</a><br>')
document.writeln('下载地址:<a href="http://www.upapex.com/apex2004/product_service.asp.asp" target="_black">点击下载</a><br>')
document.writeln('版权所有&copy;<a href="http://www.conis.cn">易晓峰</a> 任何人未经许可,不得更改,转载或者使用请保留版权 all right reserved <br><a href="http://www.upapex.com" target="_blank">贝斯网络</a>@您的电子商务顾问')
document.writeln ('</td></tr><tr><td align="center" style="cursor:hand;background-color:#8eabff;color:#ffffff" onclick="about(0)"><b>关闭</b></br>')
document.writeln ('</td></tr></table></div>')
document.writeln ('<div style="width:160;height:140;position:absolute;display:none;left:0;top:0;border:1px solid #c8d6ff;z-index:98;background-color:#ffffff" id=showdatelayer valign="top">')
document.writeln ('<table width=100% height=100% style="font-size:10px" border=0 cellspacing=0 cellpadding=0><tr><td align="center">')
document.writeln ('<table style="background-color:#8eabff;color:#ffffff" width=100%><tr><td title="减小年" style="cursor:hand;font-size:12px" onclick="setdate(0,0)">-y</td><td style="cursor:hand;font-size:12px" title="减小月" onclick="setdate(1,0)">-m</td>')
document.writeln ('<td style="font-size:12px" align="center" id=year></td><td style="font-size:12px" align="center" >年</td><td style="font-size:12px" align="center" id=month></td><td style="font-size:12px" align="center">月</td>')
document.writeln ('<td style="cursor:hand;font-size:12px" title="增加年" onclick="setdate(0,1)">+y</td><td style="cursor:hand;font-size:12px" title="增加月" onclick="setdate(1,1)">+m</td></tr></table>')
document.writeln ('</td></tr><tr><td align="center"><table width=100% style="border-bottom:1px solid #c8d6ff"><tr style="font-size:12px"><td>日</td><td>一</td><td>二</td><td>三</td><td>四</td><td>五</td><td>六</td></tr></table>')
document.writeln ('</td><tr><td><table width=100%>')
//循环出单元格
var n=0
for (i=1;i<=6;i++){
 document.writeln ('<tr align="center">')
for (j=1;j<=7;j++){
 document.writeln ('<td align="center" style="font-size:12px;cursor:hand" onclick="selectday(this.innertext)" id=day'+n+'></td>')
n++;
 }
 document.writeln ('</tr>')
 }
//结束循环
document.writeln ('</td></tr></table>')
document.writeln ('</td><tr><td style="font-size:12px;display:none;height:25" id=selectcell valign="bottom">')

本文关键:漂亮的日期选择器
 

本站最佳浏览方式为 分辨率 1024x768 IE 6.0(或更高版本的 IE浏览器)

go top