jQuery UI Datepicker - 自定義按鈕 - 自定義文本

Question

我需要在jQuery UI Datepicker中添加自定義按鈕，並且當用戶單擊該按鈕時，設置一個值以輸入（一串文本）並關閉彈出窗口。這可能嗎？

小提琴例如：http://jsfiddle.net/7Wygg/

showButtonPanel: true, 
beforeShow: function (input) { 
    setTimeout(function() { 
     var buttonPane = $(input) 
      .datepicker("widget") 
      .find(".ui-datepicker-buttonpane"); 

     var btn = $('<button class="ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all" type="button">Custom</button>'); 
     btn.unbind("click") 
     .bind("click", function() { 
      //$.datepicker._clearDate(input); 
      alert('custom text'); 
     }); 

     btn.appendTo(buttonPane); 

    }, 1); 
} 

謝謝。

Answer 1

修改答案，由於評論

你的意思是這樣的：http://jsfiddle.net/7Wygg/10/？

我只是說

$(input).datepicker("hide"); 
$(input).val("custom text"); 

Answer 2

設置演示HERE，並在這裏日期選擇器，我們可以設置日期狀的圖案沒有任何其他

$(function() { 
$(".datepicker").datepicker({ 
    showButtonPanel: true, 
    beforeShow: function (input) { 
     setTimeout(function() { 
      var buttonPane = $(input) 
       .datepicker("widget") 
       .find(".ui-datepicker-buttonpane"); 

      var btn = $('<button class="ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all" type="button">Custom</button>'); 
      btn.unbind("click") 
      .bind("click", function() { 
       //$.datepicker._clearDate(input); 
       alert('custom text'); 
       $(".datepicker").datepicker("hide"); 
       $(".datepicker").datepicker("setDate", "19/12/2003");// here in cutom we can set date like pattern not any other 

      }); 

      btn.appendTo(buttonPane); 

     }, 1); 
    } 
}); 
});