按下取消后，jquery 对话框上的 jquery datepicker 将不会显示

Question

我已经在 jquery 的对话框上成功创建了一个 jquery 日期选择器，该对话框是通过 load() 函数加载的。

我能够通过覆盖对话框的打开事件来实现它：

 open: function (event, ui) {
                    if ($('input.date-picker').length > 0) {
                        $('input.date-picker').datepicker({
                            showOn: "button",
                            buttonImage: "/Content/images/calendar.gif",
                            buttonImageOnly: true
                        });
                        $('input.date-picker').datepicker("refresh");
                    }
                },

按下图像按钮后，日期选择器成功显示。但我注意到一些奇怪的事情，当我打开对话框，单击“取消”然后再次打开对话框并单击日历图像按钮时，日期选择器不会显示。

可能有帮助，我还覆盖了对话框的关闭事件：

close: function (event, ui) {
                    $('input.date-picker').datepicker("destroy");
                    $(this).dialog("destroy");
                }

谢谢

Answer 1

在 close 函数中，您尝试销毁输入上的日期选择器，其中类为 date-picker 但在上次调用 datepicker 创建之后，输入的类已更改为 hasDatepicker 所以尝试使用

$('input.hasDatepicker').datepicker("destroy");

编辑：

日期选择器应该实现此 close 方法：

close: function (event, ui) {
     $('input.hasDatepicker').datepicker("destroy");
     $(this).dialog("destroy");
     $(this).remove();
}

Answer 2

对我有用的是 -

在对话框内，如果我有多个带有类 datepicker 的输入，那么

$(".datepicker").removeClass('hasDatepicker').datepicker();  

基本上，在初始化 datepicker 之前删除类 hasDatepicker > 再次。

我使用的是 jquery.ui.datepicker 的版本 1.8.18