jQuery UI datepicker

日期选择器（Datepicker）

功能：日期选择器（Datepicker）绑定到一个标准的表单 input 字段上。把焦点移到 input 上（点击或者使用 tab 键），在一个小的覆盖层上打开一个交互日历。选择一个日期，点击页面上的任意地方（输入框即失去焦点），或者点击 Esc 键来关闭。如果选择了一个日期，则反馈显示为 input 的值。参考文献

//嵌套显示，input获得焦点即弹出日期选择器
<input type="text" id="d1"/>
$("#d1").datepicker();

//datepicker 是嵌套在页面中显示，而不是显示在一个覆盖层中。只需要简单地在 div 上调用 .datepicker() 即可
<div id="div1"></div>
$("#div1").datepicker();

$("#d1").datepicker({
    //为选择当天日期显示一个"Today"按钮，为关闭日历显示一个"Done"按钮。默认情况下，当按钮栏显示时会启用每个按钮，但是按钮可通过其他的选项进行关闭。按钮文本可自定义。
    showButtonPanel: true,
    //显示月份和年份的下拉框，而不是显示静态的月份/年份标题，这样便于在大范围的时间跨度上导航。添加布尔值 changeMonth 和 changeYear 选项即可。
    changeYear: true,
    changeMonth: true,
    //设置 numberOfMonths 选项为一个整数 2，或者大于 2 的整数，来在一个 datepicker 中同时显示多个月份，并列排列。
    numbersOfMonths: 3,
    //图标触发器。点击输入框旁边的图标来显示 datepicker。设置 datepicker 在获得焦点时打开（默认行为），或者在点击图标时打开，或者在获得焦点/点击图标时打开。
    showOn: "button",
    buttonImage: "images/calendar.gif",
    //http://avatar.csdn.net/4/9/6/3_lhc2207221755.jpg
    buttonImageOnly: true,
    //通过 minDate 和 maxDate 选项限制可选择的日期范围。设置起止日期为实际的日期（new Date(2009, 1 - 1, 26)），或者为与今天的一个数值偏移（-20），或者为一个周期和单位的字符串（'+1M +10D'）。如果设置为字符串，使用 'D' 表示天，使用 'W' 表示周，使用 'M' 表示月，使用 'Y' 表示年。
    minDate: -20, 
    maxDate: "+1M +10D"  
});

---