jquery - 未捕获的类型错误 : Cannot read property 'split' of undefined - bootstrap datepicker

Question

我正在使用 Bootstrap 日期选择器作为 Bootstrap 模式窗口中的输入。当我第一次打开这个窗口时，一切正常，日期选择器工作正常。当我关闭此模式窗口并再次打开它时，我的 js 控制台显示 Uncaught TypeError: Cannot read property 'split' of undefined

我正在使用 ajax 在模态窗口中加载表单。

这是我的模式窗口:

<div id="finalModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3 id="myModalLabel">Final date</h3>
            </div>
            <div class="modal-body" id="finalModalBody">

            </div>
            <div class="modal-footer">
                <button id="finalSubmit" class="btn btn-success">Save</button>
            </div>

加载此窗口后，将启动此脚本:

$('.datepicker').datepicker({
           format: "dd.mm.yyyy"
})

这是我的 formin 模式窗口:

<form>
<p><select onfocus="this.onmousewheel=function(){return false}" class="prereservationSelect" name="prereservation" id="frmfinalForm-prereservation"><option value="89">15. 7. 2014 - 19. 7. 2014</option><option value="0">second date</option></select></p>
<div id="otherDate" style="display: none">
    <p><strong><label for="frmfinalForm-otherDate">Zvolte jiný termín:</label></strong></p>
    <p style="float: left"><input type="text" class="datepicker text" name="otherDate" id="frmfinalForm-otherDate" value=""></p>
    <p style="margin-top: 15px; margin-left: 250px" id="date"></p>
</div>
</form>

感谢您的建议。

Answer 1

尝试将选择器更改为:

$('#finalModal .datepicker').datepicker({
    format: "dd.mm.yyyy"
})

这为我解决了这个问题。