解决方法@H_403_10@

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

$( "#datepicker" ).datepicker({
    beforeShow: function( input ) {
        setTimeout(function() {
            var headerPane = $( input )
            .datepicker( "widget" )
            .find( ".ui-datepicker-header" );

            $( "<button>",{
                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代码并进行相应的调整.虽然没有测试过.