0

功能 beforeShow 不适用于内联日期选择器。如何在面板上添加附加按钮？

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

感谢您的任何回答。

4

1 回答 1

2

你可以在这里找到一个例子。我希望对你的情况有用

http://csharptechies.blogspot.ca/2010/12/adding-custom-buttons-to-jquery.html

你也可以这样做......

在你的日期选择器声明中：

        jQuery("#to").datepicker({
              dateFormat: 'yy-mm-dd',
              inline: true,
              changeMonth: true,
              showButtonPanel: true,            
              numberOfMonths: 2,
              minDate: -20,

                          beforeShow: buttonClear,



/* Function button Clear */
  function buttonClear( input ) {
           setTimeout(function() {
             var buttonPane = jQuery( input )
                .datepicker( "widget" )
                .find( ".ui-datepicker-buttonpane" );

             jQuery( "<button>", {
                 text: "Clear",
                 class: "ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all",
                 click: function() {
                   jQuery.datepicker._clearDate( input );



                 }
             }).appendTo( buttonPane );
           }, 1 );
  }

问候

于 2012-09-30T05:05:09.097 回答