Jquery插件datepicker的使用说明

2011-01-18 15:10:10|  分类： Jquery |  标签： |字号大中小 订阅

1、Jquery插件的官方网站是：http://jqueryui.com
2、datepicker是jqueryui中的小工具(widgets)
3、datepicker的demo网址：http://jqueryui.com/demos/datepicker
4、下载datepicker的demos等，网址：http://jqueryui.com/download,通过选择不同的Theme(样式)，得到不同的demo实例
5、jqueryui是基于jquery类库，创建的插件！，使用时必须引入相应的jquery版本！
4、jqueryui中的css样式，基于不同的图片！你可以通过下载不同的样式文件Theme，来使用各种各样的Datepicker!
5、对于不同的网站，需要不同的语言版本，当然，你完全可以自己修改属性，来达到中文（或者各种你希望的语言）效果！但是，你也可以通过访问http://jquery-

ui.googlecode.com/svn/trunk/ui/i18n/来下载不同的本地化文件!达到相同的目的！中文的下载路径是：http://jquery-ui.googlecode.com/svn/trunk/ui/i18n/jquery.ui.datepicker-zh-CN.js
6、关于datepicker的说明，请访问http://jqueryui.com/demos/datepicker/#option-changeYear的Options选择的，点击你感兴趣的属性进行查看！

7、引入相应的jquery.js  jquery.ui.js jquery.ui.css后，使用就相当简单了，你只需要建立一个<input type="text" id="txtDate" />然后在head中添加
<script type="text/javascript" language="javascript">
        $(document).ready(function () {
            $("#txtDate").datepicker();

        });
    </script>
这样你就可以看见Datepicker的效果了！简单吧！
如果想达到别的效果，如：修改时间样式 可以在datepicker()方法中添加相应的属性，例如 $("#txtDate").datepicker({dateFormat: 'yy-mm-dd'}),这样，时间的样式就变成了“年-月-日”了，其他

的属性修改类似，就不一一介绍了！如果想知道更多，你可以查看原网站的介绍，或者自己查看js文件！
最后提供一些css样式文件吧

http://ishare.iask.sina.com.cn/f/13036971.html

该文件里包括datepicker需要的相应的js css  图片等！