Jquery DatePicker自定义按钮

时间:2012-05-08 13:29:14

标签: jquery datepicker

我使用显示Jquery datepicker作为内联,如此

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

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

请告诉我如何在显示为内联日期选择器时显示自定义按钮。

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

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

0 个答案:

没有答案