8、showOn：设置触发选择器的事件名称
buttonText：指定触发按钮上显示的文本，showOn属性应设置为button或both
buttonImage：指定弹出按钮图像的URL，若设置则buttonText将成为alt值
buttonImageOnly：是否将图像放在控件后面，作为触发器，如果设置为true那么按钮将只剩下图片作为按钮，是页面更加美观
这里我编写三个文本框进行以上属性的对比：
1) Js代码：
$( "#datepicker2" ).datepicker({ showOn: "both", buttonText:"日历按钮" });
效果截图：
2）将按钮设置为图片：
Js代码：
$( "#datepicker" ).datepicker({ showOn: "button", buttonImage: "images/calendar.gif", buttonImageOnly: true });
通过以上对比，可以理解buttonImageOnly属性的作用。
9、minDate：可以选择的最小日期，null表示无限制
maxDate：可以选择的最大日期。null表示无限制
两者都是根据以当天日期为基础的。
Js代码：
$(function() { $( "#datepicker" ).datepicker({ //表示以当天为准，只有在20天之前和10天之后的日期之间的时间可以选择 minDate: -20, maxDate: "+10D" }); });
如下图在7号之前都不可选择（当前日期为27）：
以上就是对jquery UI Datepicker时间控件的使用方法深入学习，为之后的学习打下了基础，希望大家继续关注jquery UI Datepicker时间控件终结篇学习。
您可能感兴趣的文章: