2012-03-27 181 views
3

我想添加一個自定義按鈕到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 = $('<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)); 
     } 
    }); 

任何幫助,將不勝感激。

+0

它似乎在此處工作按鈕被添加http://jsfiddle.net/HXLk4/6/ – Rafay 2012-03-27 16:53:58

+0

其他格式化消失了。我沒有顯示日曆,只是日期和月份。但都一樣,嗅,爲什麼不適合我? :( – PruitIgoe 2012-03-27 17:09:12

+0

請參閱http://stackoverflow.com/questions/4598850/how-do-you-add-buttons-to-a-jquery-datepicker-in-the-button-panel – RicardoMarquez 2014-01-04 03:03:15

回答

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

我認爲這回答了「如何在單擊按鈕時顯示日期選擇器?「,但實際提出的問題是」如果日期選擇器已經可見,如何顯示自定義按鈕?「 – Dimitar 2013-04-28 18:14:01