基于jQuery UI的时间选择控件

admin

帝国自身的js日期时间选择兼容性不太好，这里共享一款基于jQuery UI的。

在userfun.php中添加字段处理函数：

1. //---------------------时间转换
   
2. function user_shijian($mid,$f,$isadd,$isq,$value,$cs){
   
3. $value=strtotime($value);
   
4. return $value;
   
5. }

复制代码

时间字段设置增加处理函数user_shijian，前后台都要增加，如图


在需要的地方加入以下调用代码

1. <link rel="stylesheet" type="text/css" href="css/jquery-ui.css" />
   
2. <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
   
3. <script type="text/javascript" src="js/jquery-ui.js"></script>
   
4. <script type="text/javascript" src="js/jquery-ui-slide.min.js"></script>
   
5. <script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"></script>
   
6. <script>
   
7. $(function(){
   
8. $('#time').datetimepicker({//时间字段ID，类型为int，多个字段处理是在js中使用','分开 具体看实例
   
9. showSecond: true,
   
10. timeFormat: 'hh:mm:ss'
    
11. });
    
12. });
    
13. </script>

复制代码

这样点击字段的时候会弹出时间选择。
效果图：


附件下载：
基于jQuery UI的时间选择控件.rar (93.07 KB, 下载次数: 3)

2014-3-26 16:16 上传

点击文件名下载附件
基于jQuery UI的时间选择控件
阅读权限: 10