我在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"
})
这为我修好了.
