jQuery UI Datepicker - 自定义按钮 - 自定义文本

FeK*_*uLa 2 javascript jquery calendar jquery-ui datepicker

我需要在jQuery UI Datepicker中添加一个自定义按钮,当用户单击该按钮时,设置一个值来输入(一串文本)并关闭弹出窗口.有可能吗?

小提琴示例:http://jsfiddle.net/7Wygg/

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">Custom</button>');
        btn.unbind("click")
        .bind("click", function () {
            //$.datepicker._clearDate(input);
            alert('custom text');
        });

        btn.appendTo(buttonPane);

    }, 1);
}
Run Code Online (Sandbox Code Playgroud)

谢谢.

Rob*_*Rob 7

由于评论修改了答案

你的意思是这样的:http://jsfiddle.net/7Wygg/10/

我刚才补充道

$(input).datepicker("hide");
$(input).val("custom text");
Run Code Online (Sandbox Code Playgroud)

  • 真正.然后你应该再次在每个更新事件中添加按钮,比如onChangeMonthYear等 (2认同)