Jquery UI (一)

来源:互联网 发布:radon变换算法 编辑:程序博客网 时间:2024/06/09 21:26


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

             2、打开压缩包文件有:

              

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

         4、引入必要的文件

            4.1) 引入 jQuery核心库

             <script type="text/javascript" src="jquery-ui-1.12.1.custom/external/jquery/jquery.js"></script>

            4.2) 引入 jQuery EasyUI 核心库

             <script type="text/javascript" src="jquery-ui-1.12.1.custom/jquery-ui.js"></script>

            4.3)引入 EasyUI核心 UI文件 CSS

           <link href="jquery-ui-1.12.1.custom/jquery-ui.css" rel="stylesheet" type="text/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>

效果:


   

原创粉丝点击