1 2 3 |
|
如图可以看到面板下方有两个按钮：点击“今天”会跳到今天的日期，点击“关闭”会关闭面板。
4、dateFormat：指定显示日期的格式
Js代码：
1 2 3 |
|
效果截图：
通过图像可以看到，文本框中日期格式由以前的“yy-mm-dd”转变成了“by/mm/dd”。当然还有别的格式，可以根据自己的喜好进行设置。
5、changeMonth：是否使用下拉列表选择月份
changeYear：是否使用下拉列表选择年份
在js代码中添加此属性：changeMonth:true 或者 changeYear:true
其中标题栏的月份或者年份会出现下拉菜单的形式：
6、yearRange：设置下拉列表框中显示的年份范围，可以是相对今年（-nn:+nn）或相对于选择的年份（c-nn:c+nn）或绝对年份（nnnn:nnnn）
在js代码中添加属性：
1 2 3 4 |
|
效果截图：
从图中可以看到年的位置为下拉菜单的形式，其中下拉菜单只会出现2011与2012年的选项。
注：yearRange属性只有在changeYear为true的情况下才使用。
7、numberOfMonths：设置一次要显示几个月。可以为包含两个数字的数组，表示显示的行数和列数
Js代码：
1 2 3 |
|
上面指定numberOfMonths为3，那么弹出的日历面板就会显示当前以及以后两个月，如图：
8、showOn：设置触发选择器的事件名称
buttonText：指定触发按钮上显示的文本，showOn属性应设置为button或both
buttonImage：指定弹出按钮图像的URL，若设置则buttonText将成为alt值
buttonImageOnly：是否将图像放在控件后面，作为触发器，如果设置为true那么按钮将只剩下图片作为按钮，是页面更加美观
这里我编写三个文本框进行以上属性的对比：
1) Js代码：
1 2 3 4 |
|
效果截图：
2）将按钮设置为图片：
Js代码：
1 2 3 4 5 |
|
通过以上对比，可以理解buttonImageOnly属性的作用。
9、minDate：可以选择的最小日期，null表示无限制
maxDate：可以选择的最大日期。null表示无限制
两者都是根据以当天日期为基础的。
Js代码：
1 2 3 4 5 6 7 |
|
如下图在7号之前都不可选择（当前日期为27）：
以上就是对jquery UI Datepicker时间控件的使用方法深入学习，为之后的学习打下了基础，希望大家继续关注jquery UI Datepicker时间控件终结篇学习。
相关推荐：
jquery UI Datepicker时间控件的用法（一）
jquery UI Datepicker时间控件的用法（三）
相关视频教程推荐：jQuery教程（视频）
以上就是jquery UI Datepicker时间控件的用法（二）的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
更多相关阅读请进入《jQuery》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
