atepicker插件的属性：
| 属性 | 数据类型 | 默认值 | 说明 | |
| altField | string | "" | 使用备用的输出字段，即将选择的日期 以另一种格式，输出到另一个控件中， 值为选择符，即要输出的控件 | |
| altFormat | string | "" | altField输出的格式， 详细格式见formatDate方法 | |
| appendText | string | "" | 指定每个日期字段后面显示的文本 | |
| autoSize | boolean | false | 是否自动调整控件大小， 以适应当前的日期格式的输入 | |
| buttonImage | string | "" | 指定弹出按钮图像的URL，若设置则 buttonText将成为alt值 | |
| buttonImageOnly | boolean | false | 是否将图像放在控件后面，作为触发器 | |
| buttonText | string | "……" |
| |
| changeMonth | string | "" |
| |
| changeYear | string | "" | 是否 下拉列表选择年份 | |
| closeText | string | "Done" | 指定关闭链接显示的文本 |
第一个日历插件的使用实例
需要引入的外部文件有：
代码：
日期：
运行图：
通过实例对一些常用属性进行验证：
1、 altField ：使用备用的输出字段，即将选择的日期以另一种格式，输出到另一个控件中，值为选择符，即要输出的控件
altFormat：altField输出的格式
代码：
日期：
运行结果：
2、showAnim ：设置日期面板显示或隐藏的动画名
日期：
动画：
//js代码$(function() { $( "#datepicker" ).datepicker(); $( "#anim" ).change(function() { $( "#datepicker" ).datepicker( "option", "showAnim", $( this ).val() ); }); });
3、showButtonPanel：是否显示按钮面板
js代码：
运行效果：
4、dateFormat：指定显示日期的格式
//js代码
5、showOn：设置触发选择器的事件名称
buttonText：指定触发按钮上显示的文本，showOn属性应设置为button或both
buttonImage：指定弹出按钮图像的URL，若设置则buttonText将成为alt值
buttonImageOnly：是否将图像放在控件后面，作为触发器，如果设置为true那么按钮将只剩下图片作为按钮，是页面更加美观
1）、
$( "#datepicker2" ).datepicker({ showOn: "both", buttonText:"日历按钮" }); 
2）、将按钮设置为图片：
$( "#datepicker2" ).datepicker({ showOn: "button", buttonImage: "images/calendar.gif", buttonImageOnly: true }); 
6、 minDate：可以选择的最小日期，null表示无限制
maxDate：可以选择的最大日期。null表示无限制
两者都是根据以当天日期为基础的。
$( "#datepicker2" ).datepicker({ //表示以当天为准，只有在20天之前和10天之后的日期之间的时间可以选择 minDate: -20, maxDate: "+10D" }); 
更多日历插件demo在官网了解http://api.jqueryui.com/datepicker