html图片右上角关闭按钮,jQuery UI：datepicker – 如何在右上角添加关闭按钮(图像！)？...

您可以在标记中插入链接并根据需要设置样式,将onclick处理程序附加到它将调用.datepicker(“hide”),一个

built-in method的datepicker：

$( "#datepicker" ).datepicker({

beforeShow: function( input ) {

setTimeout(function() {

var headerPane = $( input )

.datepicker( "widget" )

.find( ".ui-datepicker-header" );

$( "", {

text: "Close",

click: function() {

$.datepicker.hide();

}

}).appendTo( headerPane );

}, 1 );

}

});

此外,为了为关闭按钮腾出空间,您可能需要调整这些样式,以便将“下个月”按钮移到左侧并为“关闭”按钮腾出空间：

.ui-datepicker .ui-datepicker-next { right:2px; }

.ui-datepicker .ui-datepicker-next-hover { right:1px; }

注意：我从this proof of concept开始采用上面的JS代码并进行相应的调整.虽然没有测试过.