jquery – 未捕获TypeError：无法读取undefined – bootstrap datepicker的属性’split’

我在bootstrap模式窗口中使用bootstrap datepicker作为输入.当我第一次打开这个窗口时,一切正常,而且datepicker工作正常.当我关闭这个模态窗口并再次打开它时,我的js控制台显示Uncaught TypeError：无法读取未定义的属性’split’

我正在使用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>

谢谢你的建议.

解决方法

尝试将您的选择器更改为：

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

这为我修好了.