Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/docker/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui 如何在jQueryUi的内联日期选择器上添加按钮_Jquery Ui_Jquery Ui Datepicker - Fatal编程技术网

Jquery ui 如何在jQueryUi的内联日期选择器上添加按钮

Jquery ui 如何在jQueryUi的内联日期选择器上添加按钮,jquery-ui,jquery-ui-datepicker,Jquery Ui,Jquery Ui Datepicker,函数beforeShow在内联日期选择器上不起作用。如何在面板上添加其他按钮 beforeShow: function(input) { setTimeout(function() { var buttonPane = $(input).datepicker("widget").find( ".ui-datepicker-buttonpane" ); var btn = $('<bu

函数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 );  
            } ,
beforeShow:函数(输入){
setTimeout(函数(){
var buttonPane=$(输入).datepicker(“小部件”).find(“.ui datepicker buttonPane”);
var btn=$(“清除”);
btn.unbind(“click”).bind(“click”),函数(){
$.datepicker.\u clearDate(输入);
});  
附件(按钮板);
}, 1 );  
} ,

谢谢你的回答。

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

你也可以这样做

在日期选择器声明中:

        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 );
  }
jQuery(“#to”).datepicker({
日期格式:'年-月-日',
是的,
变化月:对,
showButtonPanel:是的,
月数:2,
minDate:-20,
展示前:按钮展示,
/*功能按钮清除*/
功能按钮清除(输入){
setTimeout(函数(){
var buttonPane=jQuery(输入)
.datepicker(“小部件”)
.find(“.ui日期选择器按钮面板”);
jQuery(“”{
文本:“清除”,
类:“ui日期选择器当前ui状态默认ui优先级次要ui角点全部”,
单击:函数(){
jQuery.datepicker.\u clearDate(输入);
}
}).附录(按钮板);
}, 1 );
}
问候