选择日期后，时间选择器弹出窗口未关闭。

Question

我使用了来自http://trentrichardson.com的timepicker插件。

但是，我遇到了一个问题，时间选择器弹出窗口在我选择日期后没有关闭。

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

JQuery

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

目前显示如下：

所以，在选择日期后，我希望它关闭。

- Vishal Suthar

---

它不应该关闭，因为您将无法选择小时和分钟。或者我误解了您的意图？您希望它如何运作？ - Xeon

@Xeon，我刚刚更新了我的问题。 - Vishal Suthar

Answer 1

很遗憾，这个插件阻止了添加优雅的jQuery代码来隐藏元素。

代码大致如下：

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

但是它会阻止点击事件的传播和调用其他点击处理程序，因此上面的代码无法正常工作。

以下解决方案风格不好，但可行(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\");");
        });
    });
});

- Xeon