Js代码：

$(function() {
$( "#datepicker" ).datepicker({
altField: "#alternate",
altFormat: "DD, d MM, yy"
});
});

2、showAnim：设置日期面板显示或隐藏的动画名
js代码的编写：

$(function() {
$( "#datepicker" ).datepicker();
$( "#anim" ).change(function() {
$( "#datepicker" ).datepicker( "option", "showAnim", $( this ).val() );
});
});

3、showButtonPanel：是否显示按钮面板
Js代码：

[javascript] view plaincopyprint?
$( "#datepicker" ).datepicker({
showButtonPanel:true
});

4、dateFormat：指定显示日期的格式
Js代码：

$( "#datepicker" ).datepicker({
dateFormat:"yy/mm/dd"
});

通过图像可以看到，文本框中日期格式由以前的“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代码中添加属性：

$( "#datepicker" ).datepicker({
changeYear: true,
yearRange:"2011:2012"
});

7、numberOfMonths：设置一次要显示几个月。可以为包含两个数字的数组，表示显示的行数和列数
Js代码：

$( "#datepicker" ).datepicker({
numberOfMonths: 3
});

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"
});
});