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带时间的日期控件代码,希望大家可以喜欢。
版权声明:jQuery带时间的日期控件代码分享是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。