jquery ui很强大，其中的日期选择插件Datepicker是一个配置灵活的插件，我们可以自定义其展示方式，包括日期格式、语言、限制选择日期范围、添加相关按钮以及其它导航等。

这篇文章我们就来说说 jquery ui datepicker 的使用。

DatePicker基本使用方法：

文件引入

<link?href=""?rel="stylesheet"?type="text/css"/>? <script type="text/javascript" src=""></script>? <script type="text/javascript" src=""></script>

html代码：

<div?type="text"?id="datepicker"></div>

js代码：

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

就这么简单，你只需要引入一个3个外部文件，即一个jquery库文件，一个jquery ui 核心文件，还有一个jquery ui 样式文件，然后用 datepicker() 方法就可以了。

请看示例代码 jquery ui datepicker 示例

jquery ui datepicker 公开的方法：

$.datepicker.setDefaults(?settings?)?-?全局设置日期选择插件的参数.
$.datepicker.formatDate(?format,?date,?settings?)?-?格式化显示的日期字符串
$.datepicker.iso8601Week(?date?)?-?给出一个日期，确实他是一年中的第几周
$.datepicker.parseDate(?format,?value,?settings?)?-?按照指定格式获取日期字符串

查看前两节教程
jQuery UI 教程之一 ——入门

jQuery UI 教程之二 ——jquery ui dialog的使用

您可能感兴趣的文章：
jQuery UI 教程之三 ——jquery ui datepicker的使用
JQuery UI DatePicker中z-index默认为1的解决办法
jquery 日期控件datepicker属性详细解析
jquery UI 1.72 之datepicker
jQuery UI 教程之一 ——入门
JQuery datepicker 使用方法
jQuery UI Datepicker length为空或不是对象错误的解决方法
jQuery日期选择插件 jQuery UI Datepicker
jquery ui dialog里调用datepicker的问题
日期选择插件 Datepicker for Bootstrap