JQuery DatePicker добавить пользовательскую кнопку

Question

Я пытаюсь добавить пользовательскую кнопку на панель кнопок средства выбора даты jQuery.Когда я применяю следующий код, хотя ничего не происходит:

 $('.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));
        }
    });

Любая помощь будет оценена.

Answer 1

Смежный вопрос "Как добавить кнопки в средство выбора даты jQuery на панели кнопок?"ответили в другом посте.Пример того, как кнопки «Предыдущий день» и «Следующий день» были добавлены на панель кнопок, см. Как добавить кнопки в средство выбора даты jQuery на панели кнопок?

Answer 2

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