`
codesec
  • 浏览: 16696 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

jQuery timepicker addon的完整demo实现

 
阅读更多
    最近公司的项目要涉及到jQuery UI的datepicker,实现后客户要求能精确到时分秒,于是上网总结资料,找到了jQuery timepicker addon这个扩展板,但苦于官网没有完整的demo,于是自己总结了一份,希望对大家有帮助。
目录结构:





关键的jQuery代码:
(function($) {
	$(function() {
	

	if($.fn.datepicker){
			$( ".ui_timepicker" ).datetimepicker({
			showOn: "button",
			buttonImage: "./css/images/icon_calendar.gif",
			buttonImageOnly: true,
			showSecond: true,
	        timeFormat: 'hh:mm:ss',
    	    stepHour: 1,
        	stepMinute: 5,
    	    stepSecond: 10
		    

			})
	

	}
	
	})
})(jQuery);






最后上传一份完整的demo,希望有帮助吧!!




  • 大小: 25.2 KB
  • 大小: 6.3 KB
1
0
分享到:
评论
2 楼 codesec 2012-01-17  
hellostory 写道
推荐My97 datepicker可以精确到时分秒,也可以单独使用时分秒,国内很多开源项目也使用它,如JEECMS等
http://www.my97.net/

我关注过的,但是好像有什么收费版本,版权问题纠结,jQuery timepicker 也可以单独使用时分秒的,开源,可以任意更改 ,不受目录的限制!界面也大方一点!!
1 楼 hellostory 2012-01-17  
推荐My97 datepicker可以精确到时分秒,也可以单独使用时分秒,国内很多开源项目也使用它,如JEECMS等
http://www.my97.net/

相关推荐

Global site tag (gtag.js) - Google Analytics