jQuery插件ptTimeSelect实现时间选择并自定义时与分功能

June 10, 2009 by anonymous  
Filed under JavaScript

jQuery插件ptTimeSelect是一个可以实现时间选择并自定义时与分工具,可精确到分,如某一时间9:30 PM,效果图如下:

jQuery插件ptTimeSelect实现时间选择并自定义时与分功能

使用说明
需要使用jQuery库文件ptTimeSelect库文件
同时需要设计时间选择器的CSS样式

使用实例
一,包含文件部分

  1. <script type=”text/javascript” language=”JavaScript” src=”jquery.js”></script>
  2. <script type=”text/javascript” language=”JavaScript” src=”jquery.ptTimeSelect.js”></script>
  3. <link rel=”stylesheet” type=”text/css” href=”jquery.ptTimeSelect.css” media=”screen” />

二,HTML部分

  1. <div id=”sample1“>
  2. <div>开始时间: <input name=”s1Time2″ value=”" /></div>
  3. <div>结束时间: <input name=”s1Time2″ value=”" /><div>
  4. </div>

三,Javascript部分

$(‘#sample1 input‘).ptTimeSelect();

使用简单,只需要设置使用ptTimeSelect插件的对象即可。

点我查看jQuery插件ptTimeSelect在线演示

Popularity: 1% [?]

Speak Your Mind

Tell us what you're thinking...
and oh, if you want a pic to show with your comment, go get a gravatar!

Comment moderation is enabled. Your comment may take some time to appear.