25、jQuery日期选择器与插件开发全解析

jQuery日期选择器与插件开发全解析

1. jQuery日期选择器基础

1.1 日期选择器默认设置

日期选择器的默认日期为当前日期加一周，可通过 defaultDate 选项指定。同时，设置 changeMonth: true 可显示用于更改月份的选择框， numberOfMonths: 3 则表示一次显示三个日历。

1.2 日期选择事件

onSelect 选项是用户选择日期时触发的事件。当选择起始日期时，结束日期的 minDate 选项会设置为起始日期；当选择结束日期时，起始日期的 maxDate 选项会设置为结束日期。这样，用户在选择日期时，输入范围会被限制为正值。

1.3 日期选择器显示方式

默认情况下，当输入字段获得焦点时会显示日期选择器。使用 showOn 选项，可配置日历仅在点击输入框旁边的日历图标时出现：

$("#datepicker").datepicker({
    showOn: 'button',
    buttonImage: 'images/calendar.gif',
    buttonImageOnly: true
});

buttonImage 选项指定用作按钮的图像路径， buttonImag