jQuery UI中datepicker()的使用

jQuery UI中datepicker()的使用，showOn()设置触发选择器的使用。

buttonText：指定触发按钮上显示的文本，showOn属性应设置为button或both

buttonImage：指定弹出按钮图像的URL，若设置则buttonText将成为alt值

buttonImageOnly：是否将图像放在控件后面，作为触发器，如果设置为true那么按钮将只剩下图片作为按钮，是页面更加美观

这里我编写三个文本框进行以上属性的对比：

1) Js代码：

$( "#datepicker2" ).datepicker({

showOn: "both",

buttonText:"日历按钮"  });     //触发按钮上显示的文字

将按钮设置为图片：

Js代码：

$( "#datepicker" ).datepicker({

showOn: "button",

buttonImage: "images/calendar.gif",       //触发按钮引用图片的url

buttonImageOnly: true       //将触发按钮的背景样式去掉，只保留图片样式

});