jQuery日期选择器添加自定义按钮

我正在尝试向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 = $('<button class="ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all" type="button">Clear</button>');  
            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));
        }
    });

$（“.date picker”）.datepicker（{
变化月：对，
变化年：是的，
showButtonPanel：是的，
beforeShow:函数（输入）{
setTimeout（函数（）{
var buttonPane=$（输入）.datepicker（“小部件”）.find（“.ui datepicker buttonPane”）；
var btn=$（“清除”）；
btn.unbind（“click”）.bind（“click”），函数（）{
$.datepicker.\u clearDate（输入）；
});  
附件（按钮板）；
}, 1 );  
} ,
日期格式：“MM yy”，
onClose:函数（dateText，inst）{
var month=$（“#ui datepicker div.ui datepicker month:selected”）.val（）；
var year=$（“#ui日期选择器div.ui日期选择器year:selected”）.val（）；
$（此）.datepicker（'setDate'，新日期（年、月、1））；
}
});

---

任何帮助都将不胜感激

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

在添加了按钮后，其他格式消失了，但在此处似乎可以工作。我没有显示日历，只显示日期和月份。但是，嗅嗅，为什么不为我呢（请看，我认为这回答了“当单击按钮时如何显示日期选择器？”的问题，但实际问题是“当日期选择器已可见时如何显示自定义按钮？”

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