JQuery DatePicker未加载- DOM出现问题

Question

因为DOM，我想我的datepicker出了点问题。基本上，我从数据库加载我的表单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有关-因为如果在表单被注入到模板之前加载它，它就可以工作。

因此，我真的很想知道为什么会发生这种情况，以及我可以对此应用什么解决方案？

谢谢

Answer 1

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