JQuery UI时间控件

87453661 2012-09-11

jQueryUI是以jQuery为基础的开源JavaScript网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。所有插件测试能兼容:IE6.0+,Firefox3+,Safari3.1+,Opera9.6+,和GoogleChrome。

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

<!--importpackage-->

<scripttype="text/javascript"src="JS/jquery.js"></script>

<scripttype="text/javascript"src="JS/jquery-ui-1.7.3/ui/jquery-ui-1.7.3.custom.js"></script>

<scripttype="text/javascript"src="JS/jquery-ui-1.7.3/ui/ui.datepicker.js"></script>

<scripttype="text/javascript"src="JS/jquery-ui-timepicker-addon.js"></script>

<linktype="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>

相关推荐

Web全栈笔记 / 0评论 2020-06-15