jQuery带时间的日期控件代码分享

本文实例讲述了JS CSS3实现的类似于苹果iwatch计时器特效。分享给大家供大家参考。具体如下：带时间的jQuery日期控件代码是一款基于jQueryUI实现的，可自定义日期插件语言，这个日期控件的亮点就在于选择的时间可精确到分钟。运行效果图： - 查看效果下载源码-

小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。为大家分享的jQuery带时间的日期控件代码如下

hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /titlejQuery带时间的日期控件代码/title脚本类型=' text/JavaScript ' src=' http : js/jquery-1。11 .0 .量滴js '/脚本链接类型=' text/CSS ' rel='样式表href='css/admin.css' /link rel='样式表type=' text/CSS ' href=' CSS/jquery-ui。CSS '/script type=' text/JavaScript ' src=' http 3360 js/jqueryui-time picker-div .ui-widget-header { margin-bottom : 8px；}.ui-time picker-div dl { text-align : left；}.ui-timepicker-div dl dt {左侧浮动：clear : leftpadding : 0 0 5px }。ui-time picker-div dl DD { margin : 0 10px 10px 45%；}.ui-时间选择器-div TD { font-size : 90%；}.ui-t选取器-网格-标签{背景：无；border:无；保证金： 0；padd : 0；}.ui-时间选择器-RTL {方向： RTL；}.ui-时间选择器-RTL dl { text-align : right；padding: 0 5px 0 0 }。ui-时间选择器-RTL dl dt { float :右侧；clear:右；}.ui-时间选择器-RTL dl DD { margin : 0 45% 10px 10px；}/style/head dydiv class=' wrap ' ul class=' sub nav '阿利href=' JavaScript : void(0)；'基础信息/a/Li/ul ul类别=' doc-set ' Li类别=' doc-dt ' p活动时间/p/div class=' doc-DD '输入名称='act_start_time '类型='text' class='text-box '值占位符='开始时间当前时间标题='开始时间当前时间readonly=' readonly ' style=' cursor :指针；/input name=' act _ stop _ time ' type=' text ' class=' text-box ' value=' placeholder='结束时间开始时间标题='结束时间开始时间readonly=' readonly ' style=' cursor :指针；//div/Li/ul/div脚本类型=' text/JavaScript ' $(' input[name=' act _ start _ time ']，input[name='act_stop_time']').datetime picker()；/script div style=' text-align : center；余量：50 px 0；font : normal 14px/24px ' MicroSoft YaHei '；/div/body/html以上就是为大家分享的jQuery带时间的日期控件代码，希望大家可以喜欢。