超级简单好用的JS日期控件

在做订单查询的时候，用到了时间条件，看看.net自带的时间控件，感觉很麻烦，不小心看到了帝国的这个JS时间控件，感觉很方便，当鼠标放在输入框内的时候，触发JS，在当前位置新建一个层。
效果如图所示：


用的时候先在<head></head>插入

<SCRIPT src="Images/setday.js"></SCRIPT>

 然后输入框

<INPUT id="starttime2" onclick="setday(this)" size="12" name="starttime" runat="server">

 当鼠标放在输入框的时候，出现时间控件，选取时间后，JS自动的将时间控件的值赋给starttime2。由于给starttime2加了 runat="server"属性，所以在后台可以取starttime2的Value值。

setday.js下载

 提供的setday.js默认是UTF-8编码，也就是VS的默认编码，如果你的页面声明是GB等其他编码，请用一下高级保存，转换一下编码。

posted @ 2007-08-07 23:21 小龟爬爬 阅读(6272) 评论(63)  编辑 收藏 网摘 所属分类: JavaScript 、小技巧

  回复  引用  查看    
#1楼 2007-08-09 17:20 | Ninety-Nine      
真的很简单啊。谢拉。
  回复  引用  查看    
#2楼 [楼主]2007-08-09 18:14 | 小龟爬爬      
@Ninety-Nine
不用谢
我也是不小心发现的
呵呵
  回复  引用  查看    
#3楼 2007-08-17 00:39 | 阿多斯      
呵呵，3x
我收藏了。
  回复  引用  查看    
#4楼 [楼主]2007-08-17 03:36 | 小龟爬爬      
@阿多斯
呵呵 共勉
  回复  引用  查看    
#5楼 2007-08-17 08:47 | 周银辉      
Great
  回复  引用  查看    
#6楼 2007-08-17 08:51 | 心悦      
这个很早以前就有了，是梅花雨的吧
  回复  引用    
#7楼 2007-08-17 10:58 | Colin [未注册用户]
您好!
我找这个控件已经找了很久了,谢谢您的共享!
有个问题想请教一下,我运行是提示网页错误,没有弹出日期控件!您能帮我看看吗?
急等,谢谢!
QQ:379431759
Email:youlin_zhang@163.com
  回复  引用    
#8楼 2007-08-17 15:25 | bluebirdzx [未注册用户]
非常不错
  回复  引用  查看    
#9楼 [楼主]2007-08-17 22:37 | 小龟爬爬      
@心悦
不知道
我是从帝国后台偷得
吼吼
  回复  引用  查看    
#10楼 [楼主]2007-08-17 22:39 | 小龟爬爬      
@Colin
提供的setday.js默认是UTF-8编码，也就是VS的默认编码，如果你的页面声明是GB等其他编码，请用一下高级保存，转换一下编码。
应该就是这个
  回复  引用  查看    
#11楼 2007-08-17 23:39 | 夜瞳の小漫      
firefox work吗？
  回复  引用  查看    
#12楼 [楼主]2007-08-18 01:46 | 小龟爬爬      
@夜瞳の小漫
没试
opera下没起作用
。。。
  回复  引用    
#13楼 2007-09-05 10:17 | 兵 [未注册用户]
Thank you very much!棒极了！
  回复  引用    
#14楼 2007-09-21 03:01 | yangshiking [未注册用户]
Thank you very much !
  回复  引用    
#15楼 2007-10-11 16:53 | 亂世柳絮 [未注册用户]
感謝，我下載了。對這個控件很滿意。
  回复  引用    
#16楼 2007-10-12 09:53 | alang [未注册用户]
还不错，谢谢
  回复  引用    
#17楼 2007-10-15 22:39 | 谭兴龙 [未注册用户]
这个日期控件非常好用 找了好久了 谢谢楼主！
加我qq嘛，有问题在问您！qq：519867517
  回复  引用    
#18楼 2007-10-28 19:28 | 4545 [未注册用户]
真好用，谢谢

  回复  引用  查看    
#19楼 2007-11-23 15:07 | wenanry      
真的是简单好用，之前也用过，只是很复杂。
  回复  引用    
#20楼 2007-12-19 09:58 | 小东东 [未注册用户]
兄弟,太感谢了!正被这东西气坏呢,谢谢!!
  回复  引用    
#21楼 2007-12-20 14:46 | f1029303 [未注册用户]
我的asp.net页面时用的MasterPage 阿。。没有

用的时候先在<head></head>插入
<SCRIPT src="Images/setday.js"></SCRIPT>

<head></head> 没有这个地方啊
  回复  引用    
#22楼 2008-01-02 08:55 | 彬 [未注册用户]
感谢哦，以前用梅花雨控件老是出错，现在好了
  回复  引用  查看    
#23楼 [楼主]2008-01-02 12:15 | 小龟爬爬      
呵呵
梅花雨的时间控件倒没用过
只是用过梅花雨的tree控件
结合C#生成html，还是很方便的。
  回复  引用  查看    
#24楼 [楼主]2008-01-02 12:19 | 小龟爬爬      
@f1029303
其实不用在中插入也可以，只是习惯而已。
在你使用的前面插入
也可以的
  回复  引用    
#25楼 2008-01-15 14:24 | suki_java [未注册用户]
谢谢您的控件，太棒了。
  回复  引用    
#26楼 2008-01-28 10:29 | 我最爱的人 [未注册用户]
onclick="setday(this)"
我用为什么不好使呢，还有，这里不是要传两个参数吗，为什么，就写一个就行了？

  回复  引用  查看    
#27楼 [楼主]2008-01-28 14:43 | 小龟爬爬      
this相当于传进去一个对象 呵呵 应该是这样
  回复  引用  查看    
#28楼 2008-01-30 16:21 | 足够有晋      
下来,试一下了.
  回复  引用  查看    
#29楼 2008-01-30 16:28 | 足够有晋      
请问,这个东东,使用时,好像没有清空功能呀.必要手动清除文本框里时间吗?
能否给解决一下.
  回复  引用  查看    
#30楼 [楼主]2008-02-13 09:24 | 小龟爬爬      
@足够有晋
不懂你的清空功能是什么意思
文本框里时间不用手动清除的
你选定时间以后 时间默认填充到文本框里
当你想修改时 鼠标重新点击文本框 就可以进行再次的时间选定
  回复  引用    
#31楼 2008-04-29 17:42 | good [未注册用户]
真他妈的好用~！
  回复  引用    
#32楼 2008-05-06 10:37 | fb [未注册用户]
不行啊,好像没有反应啊.
  回复  引用    
#33楼 2008-05-06 10:39 | fb [未注册用户]
Images/setday.js,莫认是在根目录吗?

  回复  引用  查看    
#34楼 [楼主]2008-05-08 13:19 | 小龟爬爬      
--引用--------------------------------------------------
fb: Images/setday.js,莫认是在根目录吗?

--------------------------------------------------------
默认是放在根目录下的Images文件夹里的
  回复  引用    
#35楼 2008-06-14 12:36 | ZORO [未注册用户]
高级保存和转换编码？怎么用阿？ 我想把这个插件用在我的JSP页面中，但是没有使用过.NET，我是在用MyEclipse 做东西的时候想用到。。。
  回复  引用  查看    
#36楼 [楼主]2008-06-18 00:22 | 小龟爬爬      
--引用--------------------------------------------------
ZORO: 高级保存和转换编码？怎么用阿？ 我想把这个插件用在我的JSP页面中，但是没有使用过.NET，我是在用MyEclipse 做东西的时候想用到。。。
--------------------------------------------------------
直接用记事本另存为就可以了，不过编码要选UTF-8就好了。其实要跟你的项目的编码匹配就行了……
  回复  引用  查看    
#37楼 2008-06-26 13:26 | asp.net2.0      
请问楼主 这个日历控件 能用button激活吗
  回复  引用  查看    
#38楼 [楼主]2008-06-27 14:58 | 小龟爬爬      
--引用--------------------------------------------------
asp.net2.0: 请问楼主 这个日历控件 能用button激活吗
--------------------------------------------------------
应该是可以 同样给button 设置onclick="setday(this)"
  回复  引用    
#39楼 2008-07-01 15:40 | 卖女孩的小男孩 [未注册用户]
楼主 这个button是激活日历控件并且要把选择的日期值显示在文本框中的，并不是单单激活。而且如果给button设定onclick="setday(this)"，呵呵 那button的value就是日期值了，那就失去了button的意义了。调整下js应该就ok了！
  回复  引用  查看    
#40楼 2008-07-02 16:58 | swjm119      
超爽，谢了
  回复  引用    
#41楼 2008-07-03 15:13 | Ice118 [未注册用户]
兄弟，弹出来的日期选择框被下面的Dropdownlist挡住了啊？怎么办
  回复  引用  查看    
#42楼 [楼主]2008-07-08 11:55 | 小龟爬爬      
@Ice118
通过查看setday.js的源码，第一行“<div id=meizzDateLayer style="position: absolute; width: 142; height: 166; z-index: 9998; display: none">”，你可以通过修改style中的z-index，来控制日期选择框与Dropdownlist的层次关系……
  回复  引用    
#43楼 2008-07-14 15:15 | 四喜 [未注册用户]
果然超级好用。谢谢啦。。。。。。。。。
  回复  引用    
#44楼 2008-07-15 15:09 | 匿名 [未注册用户]
好，好
  回复  引用  查看    
#45楼 2008-07-18 14:51 | My97      
My97 日期控件很不错
演示地址 www.my97.net/dp/demo
  回复  引用    
#46楼 2008-07-30 09:38 | 楼主大哥急~！急~！急~！急~！急~！急~！ [未注册用户]
这个js在我Myeclipse6.0里报错啊！~~~~~~~~怎么回事捏？

以下这句话报错~
function document.onclick() //任意点击时关闭该控件
{
with(window.event.srcElement)
{ if (tagName != "INPUT" && getAttribute("Author")==null)
document.all.meizzDateLayer.style.display="none";
}
}
报错内容：
missing before function parameters

怎么解决啊？

求教！~
  回复  引用  查看    
#47楼 [楼主]2008-07-31 09:32 | 小龟爬爬      
@楼主大哥急~！急~！急~！急~！急~！急~！
看这一句
tagName != "INPUT" && getAttribute("Author")==null
可能是这一句引起的
  回复  引用    
#48楼 2008-08-09 11:13 | hhhh枫 [未注册用户]
兄弟，在firefox中不好用啊！！看能不能解决啊！！急啊~~~~~·
  回复  引用  查看    
#49楼 [楼主]2008-08-12 09:44 | 小龟爬爬      
@hhhh枫
可能是FF.IE和OPERA之间对js和css的解释不一致造成的 我也不太懂呀
  回复  引用    
#50楼 2008-08-15 15:14 | 式子 [未注册用户]
--引用--------------------------------------------------
hhhh枫: 兄弟，在firefox中不好用啊！！看能不能解决啊！！急啊~~~~~&#183;
--------------------------------------------------------
是真的， 报错：
missing ( before formal parameters
[Break on this error] function document.onclick() //任意点击时关闭该控件\n
  回复  引用  查看    
#51楼 [楼主]2008-08-22 16:42 | 小龟爬爬      
@式子
你好 请问是在firefox还是IE中 出现这个问题的
我用的时候 这个 js是For IE的
不兼容Firefox 和 opera
  回复  引用    
#52楼 2008-09-03 15:30 | 烦死 [未注册用户]
为什么没有 小时 分钟 秒数啊 ？？？
  回复  引用  查看    
#53楼 [楼主]2008-09-05 22:57 | 小龟爬爬      
@烦死
这是个日期控件 呵呵
  回复  引用    
#54楼 2008-09-07 10:02 | 啊 [未注册用户]
太好用啦 谢谢啦
  回复  引用    
#55楼 2008-09-17 10:58 | fsdf [未注册用户]
sfsdfdfs
  回复  引用    
#56楼 2008-09-22 09:59 | 树 [未注册用户]
怎么在JSP里面用这个呢？
  回复  引用  查看    
#57楼 [楼主]2008-09-23 13:31 | 小龟爬爬      
@树
这就是一个js文件
当你选取日期以后，该日期的值会填充到 激活该js函数的文本框里面

  回复  引用    
#58楼 2008-09-27 23:25 | darrensdds [未注册用户]
我的一开好用，这两天不知道怎么搞的，单击选择日期时，下拉列表都给覆盖调了！
  回复  引用  查看    
#59楼 [楼主]2008-10-02 12:07 | 小龟爬爬      
@darrensdds
应该是由于几个层的z轴之间的关系错乱引起的。
试一下在css 中用z-index控制一下
  回复  引用  查看    
#60楼 2008-10-13 20:37 | 骆明亮      
@f1029303
设置母版页的时候就要分4个部分，一个是title head body foot 这样你就可以在添加js引用了。
  回复  引用    
#61楼 2008-10-24 15:51 | 张津源 [未注册用户]
感谢
  回复  引用    
#62楼 2008-10-25 14:53 | 过客2 [未注册用户]
确实太棒。找了很久。
谢谢分享！！
  回复  引用    
#63楼 2008-11-23 21:51 | 试用者 [未注册用户]
会导致window.close()不起作用啊。怎么办？

标题  
姓名  
主页
Email (博主才能看到) 
验证码 *  看不清,换一张 [登录][注册]
内容(请不要发表任何与政治相关的内容)  
网站首页

新闻频道

社区

小组

博问

网摘

人才

找找看
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
该文被作者在 2008-08-05 10:51 编辑过
Google站内搜索

China-pub 计算机图书网上专卖店！6.5万品种 2-8折！
近千种 9-95 新二手计算图书火热销售中！
开发者征途系统新作：《设计模式——基于C#的工程化实现及扩展》



相关文章:

相关链接:

最新IT新闻:
Python 3.0正式发布
JavaFX千呼万唤始出来
Moonlight: Linux 平台下的 Silverlight
印度软件外包企业秘密收购中国公司
华人高管陆奇出任微软互联网业务总裁