jquery datePicker的使用

       首先下载JS文件http://jqueryui.com/download 下载之后放在项目之中来需要jquery-1.5.1.min.js、jquery-ui-1.8.13.custom.min.js、jquery.ui.datepicker-zh-CN.js (国际化文件) 以及CSS样式:jquery-ui-1.8.13.custom.css。 在样式中会引用一些背景图片。因此需要把图片也放进来,注意路径。

       其次引入JS库文件以及样式表:

       <link type="text/css" href="css/jquery-ui-1.8.13.custom.css"  rel="stylesheet" />
       <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
       <script type="text/javascript" src="js/jquery-ui-1.8.13.custom.min.js"></script>
       <script type="text/javascript" src="js/jquery.ui.datepicker-zh-CN.js"></script>

      最后:

       $(document).ready(function() {
           $(function() {
           $('#datepicker').datepicker({
           });
       });

 

      可配置的参数在jquery有详细说明。

     

     

你可能感兴趣的:(JavaScript,jquery,UI,css)