当日历中的周数增加时,jQuery datepicker会重叠输入

时间:2013-04-21 13:39:17

标签: javascript jquery datepicker jquery-ui-datepicker

JSFiddle DEMO
我输入了jQuery datepicker(在焦点上打开)。

$( "#datepicker" ).datepicker()

enter image description here
当我们选择具有更多周数的另一个月时,datepicker会重叠输入。

enter image description here
我总是可以打开datepicker,这个问题将得到解决,但这不是一个好的解决方案 你知道这个问题的另一种解决方案吗?

提前致谢

1 个答案:

答案 0 :(得分:1)

这是诀窍:

$(document).on('click','.ui-datepicker-prev, .ui-datepicker-next',function(){
    var height = $('.ui-datepicker').height();
    if(height > 245) {
        $('.ui-datepicker').css('top','20px');
    } else {
        $('.ui-datepicker').css('top','50px');
    }
});

基本上,当您点击datepickernext箭头并根据计算出的高度调整css previous值时,此代码将获得top的高度

<强> FIDDLE