jQuery datepicker 添加自定义按钮 [英] jQuery datepicker adding custom button
本文介绍了jQuery datepicker 添加自定义按钮的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试将自定义按钮添加到 jQuery 日期选择器的按钮面板中.当我应用以下代码时,虽然没有任何反应:
I'm trying to add a custom button to the button panel of jQuery's datepicker. When I apply the following code though nothing happens:
$('.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));
}
});
任何帮助将不胜感激.
推荐答案
$(function(){
var pickerOpts = {
showOn: "button"
};
$("#date").datepicker(pickerOpts);
});
这篇关于jQuery datepicker 添加自定义按钮的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文