选择日期后，Timepicker弹出窗口未关闭

Question

我使用了来自http://trentrichardson.com

的timepicker插件

我有一个问题，选择日期后，Timepicker弹出窗口没有关闭。

<asp:TextBox ID="datetimepicker" runat="server" CssClass="datetimepicker" >
</asp:TextBox>

JQuery的

$(document).ready(function () {
    $('.datetimepicker').datetimepicker({});
});

现在它显示如下：

所以在选择日期时，我希望它能够关闭。

Answer 1

可悲的是，这个插件阻止了为隐藏添加整齐的jQuery代码。

这将是这样的：

$(document).on("click", ".ui-datepicker a", function() {
    $(this).closest(".ui-datepicker").hide();
});

但它是prevevents propagation点击事件并调用其他点击处理程序，所以上面不起作用。

以下解决方案风格不佳，但有效（http://jsfiddle.net/cL9Fx/1/）：

$(document).ready(function () {
    $('#datetimepicker').datetimepicker({});
    $("#datetimepicker").click(function() {
        $(".ui-datepicker a").each(function(index, elem) {
            $(elem).attr("onclick", "$(this).closest(\".ui-datepicker\").fadeOut(\"fast\");");
        });
    });
});