javascript - 日期选择器的问题

Question

我希望你能帮我解决这个问题。我一直在模态对话框中使用 jquery datepicker。在开始时出现一些问题(由 z-index 给出)后，它工作得很好。问题是我的页面内容不断通过 div 的 .innerHTML 属性进行修改。对于这种情况，我通过这样的局部 View 加载模态框的内容:

<div id = "newNotificationModalBox">
                <% Html.RenderAction("CreateNotification", "Notification"); %>
</div>

我有一个不提交我的表单的添加按钮，因为我对离开页面不感兴趣，它只是通过 ajax 调用来对数据库进行更改，并显示一个插入了数据的表格在右侧。这将允许用户继续在数据库中插入行，直到他最终决定提交更改，因此将插入行。直到现在它工作得很好，我打开对话框和日期选择器工作得很好。

只有在这种情况下才会出现问题。每当用户单击“添加”按钮，并且任何字段未正确填写时，我都会从 ajax 调用中获取响应以显示错误:

var view = $.ajax({
            type: "POST",
            url: "/Suspension/CreateTemporalSuspension1SF1C",
            data: dataString,
            async: false

        });
///
///Checks if the input has been valid, if not it will go to this point
///
        document.body.innerHTML = view.responseText;

        $("#Calendar").datepicker('destroy');
        var dateoptions = { dateFormat: 'dd/mm/yy' };
        $("#Calendar").datepicker(dateoptions);

但是日历不再起作用了。关于为什么会这样发生的任何线索？我知道问题是当我通过修改 innerHTML 重新加载页面内容时，你知道关于这个的任何补丁吗？

Answer 1

如果您只需要显示来自服务器的错误消息，则不必使用 innerHTML，因为正如您所猜测的那样，它会破坏您的日历。您可以只使用 jQuery 来操作您的 DOM 结构。您可以决定为错误设置一个占位符 div(最初为空)，然后您可以向其附加一些内容(在返回服务器错误的情况下)，然后使用 .empty() 删除添加的内容子分区占位符 div 甚至不需要在 HTML 中，但可以动态创建。我的观点是，我怀疑您可以通过操纵您的 DOM 结构并避免使用 innerHTML 清除内容的副作用来轻松解决您的问题。