初始:$(‘.selector’).datepicker({ beforeShowDay: function(date) { … } });
onChangeMonthYear : function(year, month, inst)
当年份或月份改变时触发此事件,参数为改变后的年份月份和当前日期插件的实例。
初始:$(‘.selector’).datepicker({ onChangeMonthYear: function(year, month, inst) { … } });
onClose : function(dateText, inst)
当日期面板关闭后触发此事件(无论是否有选择日期),参数为选择的日期和当前日期插件的实例。
初始:$(‘.selector’).datepicker({ onClose: function(dateText, inst) { … } });
onSelect : function(dateText, inst)
当在日期面板选中一个日期后触发此事件,参数为选择的日期和当前日期插件的实例。
$(‘.selector’).datepicker({ onSelect: function(dateText, inst) { … } });
方法:
destory
从元素中移除拖拽功能。
用法:.datepicker( ‘destroy’ )
disable
禁用元素的拖拽功能。
用法:.datepicker( ‘disable’ )
enable
启用元素的拖拽功能。
用法:.datepicker( ‘enable’ )
option
获取或设置元素的参数。
用法:.datepicker( ‘option’ , optionName , [value] )
dialog
在dialog插件中打开一个日期插件。
用法:.datepicker( ‘dialog’ , dateText , [onSelect] , [settings] , [pos] )
isDisabled
确实日期插件是否已被禁用。
用法:.datepicker( ‘isDisabled’ )
hide
隐藏(关闭)之前已经打开的日期面板。
用法:.datepicker( ‘hide’ , [speed] )
show
.datepicker( ‘show’ )
显示日期插件。
用法:.datepicker( ‘show’ )
getDate
返回当前日期插件选择的日期。
用法:.datepicker( ‘getDate’ )
setDate
设置日期插件当前的日期。date参数可以是数字(从今天算起,例如+7),或者有效的字符串(‘y’代表年, ‘m’代表月, ‘w’代表周, ‘d’代表日, 例如:’+1m +7d’),null表示当天。
用法:.datepicker( ‘setDate’ , date )
jquery-ui-datepicker的用法讲解
1:先在页面引入相关的js,注意引入顺序不能错
jquery-1.4.2.min.js
jquery-ui.min.js
jquery.ui.datepicker.min.js
jquery.ui.datepicker-zh-CN.min.js
jquery.ui.datepicker-fr.min.js
….等等语言包(用到哪些加入哪些)
注意:在语言包的最后一句话设置了该datepicker的缺省Localization
类似这句:setDefaults(….regional[…])
所以页面的datepicker如果不再自己设置的话,缺省会以最后一个引入的语言包的Localization为准.
2:页面示例
其中的注释已经很清楚了,datepicker的官方文档对于option的设置是先init datepicker,再setter or getter










