JQuery DatePicker 未加载 - DOM 问题答案

【问题标题】：JQuery DatePicker not loading - Issue with DOMJQuery DatePicker 未加载 - DOM 问题
【发布时间】：2016-04-29 02:32:58
【问题描述】：

我认为我的日期选择器有问题，因为 DOM。基本上，我从数据库加载我的表单 html。在我的模板中，我有如下内容

{!! $documentData->form_data !!} //this will load my forms html

<p>Date: <input type="text" class="datepicker"></p> //this is a test

然后我有以下

$(function() {
    $( ".datepicker" ).datepicker({
        dateFormat: "dd-mm-yy"
    });
});

现在从数据库加载的表单有一个带有类 datepicker 的文本输入。然后我还有下面的测试线。当表单加载时，当我单击其中一个输入时，什么都没有加载。但是，如果我这样做

<p>Date: <input type="text" id="datepicker"></p>  

{!! $documentData->form_data !!}

测试行会起作用，但数据库中输入正确的表单将不起作用。这就是为什么我认为它与 DOM 有关 - 因为如果在将表单注入模板之前加载它就可以工作。

所以说真的，我只是想了解为什么会发生这种情况，以及我可以应用什么解决方案？

谢谢

【问题讨论】：

您的表单 html 是否通过 AJAX 加载？
没有。我用的是 Laravel，所以是通过路由加载的
对不起，我对 laravel 不熟悉。是否有任何选项，当表单 html 加载之后，您必须再次重新加载 datepicker
像这样： $(function() { $( ".datepicker" ).datepicker({ dateFormat: "dd-mm-yy" }); });

【解决方案1】：

您确定网页中包含 jquery ui 吗？ jquery 和 jquery ui 是两个不同的脚本。需要 jquery ui 将日期选择器附加到输入。检查您的网页 DOM 以确认 jquery-ui 正在加载。

【讨论】：