描述：从弹出框或内联日历选择一个日期。
版本新增：1.0
jQuery UI 日期选择器（Datepicker）是向页面添加日期选择功能的高度可配置插件。您可以自定义日期格式和语言，限制可选择的日期范围，添加按钮和其他导航选项。
默认情况下，当相关的文本域获得焦点时，在一个小的覆盖层打开日期选择器。对于一个内联的日历，只需简单地将日期选择器附加到 div 或者 span 上。
当日期选择器打开时，下面的键盘命令可用：
为所有的日期选择器改变默认设置。
使用 option() 方法来改变个别实例的设置。
代码实例：设置所有的日期选择器在获得焦点时或点击图标时打开。
$.datepicker.setDefaults({
showOn: "both",
buttonImageOnly: true,
buttonImage: "calendar.gif",
buttonText: "Calendar"
});
设置所有的日期选择器都有法语文本。
$.datepicker.setDefaults( $.datepicker.regional[ "fr" ] );
格式化日期为一个带有指定格式的字符串值。
格式可以是下列组合：
也有一些$.datepicker预定义的标准日期格式：
以 ISO 格式显示日期。产生 "2007-01-26"。
$.datepicker.formatDate( "yy-mm-dd", new Date( 2007, 1 - 1, 26 ) );
以扩展法语格式显示日期。产生 "Samedi, Juillet 14, 2007"。
$.datepicker.formatDate( "DD, MM d, yy", new Date( 2007, 7 - 1, 14 ), {
dayNamesShort: $.datepicker.regional[ "fr" ].dayNamesShort,
dayNames: $.datepicker.regional[ "fr" ].dayNames,
monthNamesShort: $.datepicker.regional[ "fr" ].monthNamesShort,
monthNames: $.datepicker.regional[ "fr" ].monthNames
});
从一个指定格式的字符串值中提取日期。
格式可以是下列组合：
一些可能被抛出的异常：
提取一个 ISO 格式的日期。
$.datepicker.parseDate( "yy-mm-dd", "2007-01-26" );
提取一个扩展法语格式的日期。
$.datepicker.parseDate( "DD, MM d, yy", "Samedi, Juillet 14, 2007", {
shortYearCuroff: 20,
dayNamesShort: $.datepicker.regional[ "fr" ].dayNamesShort,
dayNames: $.datepicker.regional[ "fr" ].dayNames,
monthNamesShort: $.datepicker.regional[ "fr" ].monthNamesShort,
monthNames: $.datepicker.regional[ "fr" ].monthNames
});
确定一个给定的日期在一年中的第几周：1 到 53。
该函数使用 ISO 8601 定义一周：一周从星期一开始，每一年的第一周包含 1 月 4 日。这意味着上一年至多有三天可能包含在当年的第一周中，当年至多有三天可能包含在上一年的最后一周中。
该函数是 calculateWeek 选项的默认实现。
代码实例：查找日期在一年中的第几周。
$.datepicker.iso8601Week( new Date( 2007, 1 - 1, 26 ) );
设置如 beforeShowDay 函数，防止选择周末。
我们可以在 beforeShowDay 选项中提供noWeekends()函数，用来计算所有工作日，提供一个true/false值的数组，用来指示日期是否可选择。
代码实例：设置 DatePicker，让周末不可选。
$( "#datepicker" ).datepicker({
beforeShowDay: $.datepicker.noWeekends
});
日期选择器提供了迎合不同的语言和日期格式本地化内容的支持。每个本地化包含在名称后追加语言代码的文件中，例如法语为jquery.ui.datepicker-fr.js。所需的本地化文件需要包含在主要的日期选择器代码后面。每个本地化文件添加了它自己的设置到可用的本地化集合中，所有实例自动应用这些设置为默认设置。
$.datepicker.regional属性保存了一个本地化数组，以语言代码作为前置，默认前置为""，表示英语。每个条目是一个带有下列属性的对象：closeText、prevText、nextText、currentText、monthNames、monthNamesShort、dayNames、dayNamesShort、dayNamesMin、weekHeader、dateFormat、firstDay、isRTL、showMonthAfterYear和yearSuffix。
您可以通过下面代码恢复默认的本地化：
$.datepicker.setDefaults( $.datepicker.regional[ "" ] );您可以通过下面代码覆盖一个特定地点的日期选择器：
$( selector ).datepicker( $.datepicker.regional[ "fr" ] );日期选择器部件（Datepicker Widget）使用 jQuery UI CSS 框架 来定义它的外观和感观的样式。如果需要使用日期选择器指定的样式，则可以使用下面的 CSS class 名称：
如果 numberOfMonths 选项用于显示多个月份，则使用一些额外的 class：
一个简单的 jQuery UI 日期选择器（Datepicker）。
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>日期选择器部件（Datepicker Widget）演示</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script> </head> <body> <div id="datepicker"></div> <script> $( "#datepicker" ).datepicker(); </script> </body> </html>