我正在使用 bootstrap-datepicker并想在 bootstrap 2 的模式上显示日期选择器。我遇到的问题是日期选择器在滚动模式时没有相应地滚动,它仍然存在。
代码:
<button class="btn btn-primary" data-toggle="modal" data-target="#myModal">Launch Modal</button>
<div id="myModal" class="modal hide fade" style="height: 400px; overflow: scroll">
<div style="height:300px"></div>
<div>Choose Date:
<input class="calendar" />
</div>
<div style="height:300px"></div>
</div>
和javascript:
var datePicker = $(".calendar").datepicker({});
jsfiddler:http://jsfiddle.net/csrA5/
有什么办法可以让它在滚动模态时滚动吗?
最佳答案
有选项 datepicker('place')
来更新位置。我已经更新了jsfiddle
var datePicker = $(".calendar").datepicker({});
var t ;
$( document ).on(
'DOMMouseScroll mousewheel scroll',
'#myModal',
function(){
window.clearTimeout( t );
t = window.setTimeout( function(){
$('.calendar').datepicker('place')
}, 100 );
}
);
关于javascript - 滚动模式时 bootstrap-datepicker 不滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20488734/