jQuery UI的日期时间控件（年月日时分秒）
jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。所有插件测试能兼容：IE 6.0+, Firefox 3+, Safari 3.1+, Opera 9.6+, 和 Google Chrome。
其中日期时间控件的外观很漂亮，但是需要导入几个jquery的包才行，在IE6中运行稍微有些慢
其中日期时间控件的外观很漂亮，但是需要导入几个jquery的包才行，在IE6中运行稍微有些慢
01 | <!-- import package --> |
02 | <script type="text/javascript" src="JS/jquery.js"></script> |
03 | <script type="text/javascript" src="JS/jquery-ui-1.7.3/ui/jquery-ui-1.7.3.custom.js"></script> |
04 | <script type="text/javascript" src="JS/jquery-ui-1.7.3/ui/ui.datepicker.js"></script> |
05 | <script type="text/javascript" src="JS/jquery-ui-timepicker-addon.js"></script> |
06 | <link type="text/css" href="CSS/jquery-ui-1.7.3/redmond/jquery-ui-1.7.3.custom.css" rel="stylesheet" /> |
07 | |
08 | <script type="text/javascript"> |
09 | $('#dyStartDateTime').datetimepicker({ |
10 | showSecond: true, |
11 | changeMonth: true, |
12 | changeYear: true, |
13 | timeFormat: 'hh:mm:ss', |
14 | dateFormat: 'yy-mm-dd' |
15 | }); |
16 | $('#dyEndDateTime').datetimepicker({ |
17 | showSecond: true, |
18 | changeMonth: true, |
19 | changeYear: true, |
20 | timeFormat: 'hh:mm:ss', |
21 | dateFormat: 'yy-mm-dd' |
22 | }); |
23 | </script> |