JQuery datepicker 使用方法(3)


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

复制代码 代码如下:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdfzzx.html