jquery - Jquery DatePicker 自定义按钮

Question

我正在使用显示 Jquery datepicker 作为这样的内联

<div id="datepicker"></div>

当我尝试在按钮窗格上添加自定义按钮时，按钮不会显示...当我将内联日期选择器替换为默认日期选择器时，即显示在文本字段自定义按钮上。

请给我一些想法，当显示为内联日期选择器时如何显示自定义按钮。

我使用以下代码显示自定义按钮

$("#datepicker").datepicker({
    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);
    }
});