修改Jquery-UI-DatePicker-可以选择时间资源-CSDN下载

共20个文件

png：14个

js：4个

css：1个

Jquery-UI-DatePicker加入时分秒

4星 · 超过85%的资源需积分: 50 155 浏览量 2011-10-27 12:23:27 上传评论收藏 123KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

jquery-ui-1.8.16.custom.rar （20个子文件）

jquery-ui-1.8.16.custom

index.html 2KB

jquery-1.6.2.min.js 89KB

jquery-ui-1.8.16.custom.min.js 206KB

jquery-ui-timepicker-addon.js 48KB

jquery.ui.datepicker-zh-CN.js 947B

css

ui-lightness

images

ui-bg_glass_100_fdf5ce_1x400.png 125B

ui-bg_highlight-soft_100_eeeeee_1x100.png 90B

ui-icons_ffffff_256x240.png 4KB

ui-bg_glass_65_ffffff_1x400.png 105B

ui-icons_228ef1_256x240.png 4KB

ui-bg_diagonals-thick_18_b81900_40x40.png 260B

ui-bg_diagonals-thick_20_666666_40x40.png 251B

ui-bg_gloss-wave_35_f6a828_500x100.png 4KB

ui-bg_flat_10_000000_40x100.png 178B

ui-icons_ef8c08_256x240.png 4KB

ui-icons_ffd27a_256x240.png 4KB

ui-bg_highlight-soft_75_ffe45c_1x100.png 129B

ui-icons_222222_256x240.png 4KB

ui-bg_glass_100_f6f6f6_1x400.png 104B

jquery-ui-1.8.16.custom.css 33KB

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery UI Example Page</title> <link type="text/css" href="css/ui-lightness/jquery-ui-1.8.16.custom.css" rel="stylesheet" /> <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script> <script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"></script>  <script src="js/jquery.ui.datepicker-zh-CN.js"></script> <script type="text/javascript"> $(function(){ $("#mynewliu").datetimepicker({ changeYear:true, changeMonth:true, showSecond: true, //显示秒 timeFormat: 'hh:mm:ss',//格式化时间 dateFormat:'yy-mm-dd', stepHour: 1,//设置步长 stepMinute: 1, stepSecond: 1 }); }); </script> <style type="text/css"> /*demo page css*/ body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;} .demoHeaders { margin-top: 2em; } #dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;} #dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;} ul#icons {margin: 0; padding: 0;} ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none;} ul#icons span.ui-icon {float: left; margin: 0 4px;} </style> </head> <body> datetime<input type="text" id="mynewliu"/> </body> </html>

评论收藏

内容反馈

zjq0034

2012-12-18

功能不错，美工较差，有待强化
yzh_boy

2012-11-07

功能很好,不够精致
xiaomamagang

2012-12-19

功能不错，美工较差，有待强化
wangdai11

2016-05-10

功能可以参考，样子不太好看
xiaotianminge

2014-03-30

不错我这里是需要将css样式表中的513行宽度改小一点 .ui-datepicker select.ui-datepicker-year { width: 45%;}。这样子才能将月和年放在一行上面。