JQuery UI时间控件

最新推荐文章于 2024-12-06 10:39:54 发布

原创最新推荐文章于 2024-12-06 10:39:54 发布 · 208 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #ui #firefox #safari #web #ViewUI

Web前端专栏收录该内容

3 篇文章

订阅专栏

本文探讨了jQueryUI作为JavaScript网页用户界面代码库，在构建具有良好交互性的Web应用程序中的作用。通过导入jQuery及其相关包，实现日期时间控件的高效使用，并展示在不同浏览器中的兼容性。

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

其中日期时间控件的外观很漂亮，但是需要导入几个jquery的包才行，在IE6中运行稍微有些慢

<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>