jQuery datepicker添加自定义按钮

我正在尝试将自定义按钮添加到jQuery的datepicker的按钮面板中。 当我应用以下代码但没有任何反应：

$('.date-picker').datepicker( { changeMonth: true, changeYear: true, showButtonPanel: true, beforeShow: function(input) { setTimeout(function() { var buttonPane = $(input).datepicker("widget").find( ".ui-datepicker-buttonpane" ); var btn = $('Clear'); btn.unbind("click").bind("click", function () { $.datepicker._clearDate( input ); }); btn.appendTo( buttonPane ); }, 1 ); } , dateFormat: 'MM yy', onClose: function(dateText, inst) { var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val(); var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val(); $(this).datepicker('setDate', new Date(year, month, 1)); } }); 

任何帮助，将不胜感激。

Answer 1

 $(function(){ var pickerOpts = { showOn: "button" }; $("#date").datepicker(pickerOpts); }); 

Answer 2

一个相关的问题“如何在按钮面板中向jQuery日期选择器添加按钮？” 在另一篇文章中回答。 有关如何将“Prev Day”和“Next Day”按钮添加到按钮面板的示例，请参阅如何在按钮面板中向jQuery日期选择器添加按钮？