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