如何防止日历小部件在滚动时浮动?
var datePicker = $('#datepicker').datepicker();
$(".demo").scroll(function() {
datePicker.datepicker('hide');
$('#datepicker').blur();
});
$(window).resize(function() {
datePicker.datepicker('hide');
$('#datepicker').blur();
});
当容器div或窗口滚动时,这将隐藏日期选择器。这里是一个工作小提琴check solution
$('#datepicker').blur();
会派上用场,当用户滚动.demo日历隐藏,但输入仍然集中,所以当他回滚时,他可以变得困惑。所以当我模糊它,他将不得不再次点击输入和日期选择器将显示。
感谢有点帮助的解决方案。不能我们修复这个日历小部件输入,即使我们滚动? –
@ ak38你是什么意思在滚动时输入 –
@ Hudhaifa Yoosuf输入意味着在这里是datepicker的表单文本框。 –
我试过每一个答案,我可以在网上找到。我最终只是做这个滚动时隐藏日期选择器:
$(document).ready(function() {
var datepickerWin = $("id$=txtboxDate").datepicker({});
document.addEventListener("wheel", function(event){ //anytime the mousewheel is scrolled
datepickerWin.datepicker("hide");
$("id$=txtboxDate").blur(); //so we can remove the mouse cursor from the input field
});
$("id=btnDate").click(function() {
datepickerWin.datepicker("show");
});
});
,你可以尝试以下 –