Jquery UI (一)

最新推荐文章于 2022-10-27 11:39:10 发布

凌冰_

最新推荐文章于 2022-10-27 11:39:10 发布

阅读量346

点赞数 1

分类专栏： jqueryUI

本文链接：https://blog.csdn.net/hlx20080808/article/details/78780604

版权

jqueryUI 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

　　 1.首先下载jQuery UI 我下载的是jquery-ui-1.12.1.zip 下载地址：http://jqueryui.com/download/

2、打开压缩包文件有：

3、把这些文件全部放到你的工程下指定的文件夹，请注意，并不是全部都要放到工程下，可以选择您需要的放在工程下。

4、引入必要的文件

4.1）引入 jQuery核心库

4.2）引入 jQuery EasyUI 核心库

4.3）引入 EasyUI核心 UI文件 CSS

案例：使用Datepicker 日期控件：

<link href="jquery-ui-1.12.1.custom/jquery-ui.css" rel="stylesheet" type="text/css" />
</head>
<script type="text/javascript" src="jquery-ui-1.12.1.custom/external/jquery/jquery.js"></script>
<script type="text/javascript" src="jquery-ui-1.12.1.custom/jquery-ui.js"></script>
<script type="text/javascript">
  $(function(){
	$("#datepicker").datepicker({
	 dateFormat: 'yy-mm-dd',  
     showButtonPanel: true,  
     changeYear: true,  
	 });		 
			 
  });
</script>

<body>
<h2 class="demoHeaders">Datepicker</h2>  
<div>  
    日期：<input id="datepicker" value="" />  
</div>  
</body>

效果：