设为首页收藏本站

PHPIN.NET

 找回密码
 立即注册
查看: 829|回复: 0

[7.X版] 基于jQuery UI的时间选择控件

[复制链接]

374

主题

381

帖子

2558

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
2558
发表于 2014-3-26 16:17:09 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
帝国自身的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,前后台都要增加,如图
演示截图.jpg

在需要的地方加入以下调用代码
  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>
复制代码

这样点击字段的时候会弹出时间选择。
效果图:
演示截图2.jpg

附件下载:
基于jQuery UI的时间选择控件.rar (93.07 KB, 下载次数: 3)
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|PHPIN.NET ( 冀ICP备00000001号 )|网站地图  

GMT+8, 2016-12-10 20:40

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表