JQuery DatePicker没有加载 - DOM问题

时间:2016-01-22 13:14:35

标签: jquery html dom datepicker

我认为由于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有关 - 因为它在表单注入模板之前加载时有效。

所以,我真的很想知道为什么会发生这种情况,以及我可以采用哪种解决方案?

由于

1 个答案:

答案 0 :(得分:0)

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