jQuery UI的日期时间控件（年月日时分秒）

最新推荐文章于 2024-09-14 13:43:00 发布

kkrgwbj

最新推荐文章于 2024-09-14 13:43:00 发布

阅读量3.2k

点赞数

文章标签： jquery web 日历

jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。所有插件测试能兼容：IE 6.0+, Firefox 3+, Safari 3.1+, Opera 9.6+, 和 Google Chrome。

其中日期时间控件的外观很漂亮，但是需要导入几个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>