jquery ui datepicker demo

演示地址：http://jsfiddle.net/NGQQ2/45/

 .datepicker("setDate" ,(new Date)); // 非内嵌面板，初始化input日期​

-------------------------------------------

js代码(最新代码见演示地址)：

 1 /* Chinese initialisation for the jQuery UI date picker plugin. */
 2 /* Written by Cloudream (cloudream@gmail.com). */
 3 jQuery(function($){
 4     $.datepicker.regional['zh-CN'] = {
 5         closeText: '关闭',
 6         prevText: '<上月',
 7         nextText: '下月>',
 8         currentText: '今天',
 9         monthNames: ['一月','二月','三月','四月','五月','六月',
10         '七月','八月','九月','十月','十一月','十二月'],
11         monthNamesShort: ['一月','二月','三月','四月','五月','六月',
12         '七月','八月','九月','十月','十一月','十二月'],
13         dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],
14         dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],
15         dayNamesMin: ['日','一','二','三','四','五','六'],
16         weekHeader: '周',
17         dateFormat: 'yy-mm-dd',
18         firstDay: 1,
19         isRTL: false,
20         showMonthAfterYear: true,
21         yearSuffix: '年'};
22     $.datepicker.setDefaults($.datepicker.regional['zh-CN']);
23 });
24 
25 // -----------------------------
26 
27 
28 
29 //debugger;
30 //$( "#datepicker" )
31 $( "#datepicker" ).datepicker({ 
32     altField: "#dateUpdate", // 同步日期至该文本框
33     autoSize: true ,         //???
34     showButtonPanel: true ,  // 显示按钮面板，包括 “今天” “关闭”
35     gotoCurrent: true,       //???
36     
37     //defaultDate: +7,       // 默认显示日期  格式1 "+7"        格式2 "YYYY-MM" 和dateFormat 配合使用     格式3 js Date对象
38     firstDay: 2,             //???
39     
40     /* 选择约束 */
41     minDate: new Date(),     // 最小日期
42     hideIfNoPrevNext: true,  // 当设置了最小日期\最大日期，且符合条件时隐藏导航按钮
43     
44     /* 导航类 */
45     navigationAsDateFormat: true,
46     showOtherMonths: true,   // 是否在面板的空余格子中显示临近的月份的日子
47     selectOtherMonths: false, // 相邻的月份的日子是否可选 
48     stepMonths: 1,           // 一次翻一个月
49     changeMonth: true,       // 可使用下拉列表改变月份
50     //changeYear: true,      // 可使用下拉列表改变年份
51     
52     /* 多面板 */
53     numberOfMonths: [ 1, 2 ],// 一次显示 a * b 个月的日期，展现为a行b列
54     showCurrentAtPos: 0,     // 显示多月时，设置在第几个面板显示当月。和 changeMonth 冲突？(下拉只能显示在第一个面板)
55     
56     /* 面板展现 */
57     showAnim: "fold",        // 折叠的方式展开，非内嵌时才管用
58     
59     /* 国际化\自定义文本配置 */
60     closeText: "关闭",
61     yearSuffix: "年",
62     //prevText: ""
63     nextText: "下一月",
64     
65     /* 周数 */
66     showWeek: true,          // 是否显示该年周数
67     weekHeader: "周"         // 周数列表头名称
68     
69 });​

 

 

input位置变化时，改变panel的位置？（http://jsfiddle.net/NGQQ2/75/）