如何调试.datepicker()

时间:2015-10-02 12:46:44

标签: jquery google-chrome-devtools jquery-ui-datepicker

我有一个包含一些日期字段的页面。在文档加载时,我在它们上面调用.datepicker()并且效果很好。

<script>
    $(function () {
        $(".date").datepicker();
    })
</script>

我有另一个部分页面,在页面上的事件后加载到div中。

它正在加载的页面包含以下代码。

<script>
    $(function () {
        alert($(".ajaxdiv .date").length);
        // This is fired when the div is populated
        //   so I know this block is firing and that the date fields are being selected

        $(".ajaxdiv .date").datepicker();
        // This appears to do nothing
    })
</script>

我的问题不是为什么这不起作用?因此我还没有尝试提供代码,但是如何调试此问题并自行识别问题铬?

我不太了解datepicker()以了解它出错的地方。如何判断&#34;绑定&#34;已经工作了。

您可以提供的任何输入都表示赞赏。 感谢

1 个答案:

答案 0 :(得分:-1)

你需要在DOM准备好后立即启动它

<强> HTML:

<div class="input-group input-append date" id="#datePicker">
   <input type="text" class="form-control" name="date" />
   <span class="input-group-addon add-on"><span class="glyphicon glyphicon-calendar"></span></span>
</div>

<强> SCRIPT:

$( document ).ready(function() {
    $("#datePicker").datepicker();
});