javascript – Datepicker位置未在弹出窗口中修复文本字段

我有一个Fancy Box Popup.我在其中有很长的内容.该内容包括具有Datepicker的出生日期字段.

现在,当我单击字段Calender时,但当我用鼠标滚轮滚动时它不会保留在文本字段中,日期选择器不会移动,它保留在打开它的同一个地方,我希望它随滚动一起移动.

Here is the FIDDLE DEMO with this issue :

http://jsfiddle.net/PFVxK/1314/

只需单击Popup,然后单击Textfield,然后滚动它,

我怎样才能解决这个问题 ?

解决方法:

数据贴纸根据输入的原始位置定位日历.但是,滚动时它不会重新定位.但是,您可以在fancybox滚动上重新定位datepicker.

afterLoad: function () {
    $('.fancybox-inner').on('scroll', function () {
        var inp = $(this).find('input.hasDatepicker');
        $('#ui-datepicker-div').css('top', inp.offset().top + inp.outerHeight());
    });
}, beforeClose: function () {
    $('.fancybox-inner').off('scroll');
}

afterLoad和beforeClose是加载花式框后和关闭框之前由花式框触发的回调方法.

查看演示http://jsfiddle.net/NsNHZ/1/并告诉我它是否适合您.

上一篇:JavaFX 8 DatePicker样式


下一篇:c# – DatePickerTextBox切换日期和月份