jQuery datepickerカスタムボタンを追加する

Question

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)); 
     } 
    }); 

助けていただければ幸いです。

Answer 1

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

Answer 2

関連する質問「ボタンパネルのjQueryの日付ピッカーにボタンを追加するにはどうすればよいですか？別の投稿で答えられました。ボタンパネルに「前の日」と「次の日」のボタンが追加された例については、How do you add buttons to a jQuery datepicker in the button panel?