2016-11-17 66 views

回答

1
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日曆隱藏,但輸入仍然集中,所以當他回滾時,他可以變得困惑。所以當我模糊它,他將不得不再次點擊輸入和日期選擇器將顯示。

+0

感謝有點幫助的解決方案。不能我們修復這個日曆小部件輸入,即使我們滾動? –

+0

@ ak38你是什麼意思在滾動時輸入 –

+0

@ Hudhaifa Yoosuf輸入意味着在這裏是datepicker的表單文本框。 –

0

我試過每一個答案,我可以在網上找到。我最終只是做這個滾動時隱藏日期選擇器:

$(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"); 
 
    }); 
 
    
 
    
 
    
 
});