在网格

时间:2017-11-16 08:47:54

标签: laravel datetimepicker

我有一个包含多个输入字段的网格,也是一个datetimeinput。点击日历部分隐藏: enter image description here

如果我设置overflow-y:visible;它正在工作,但网格在右侧留下了div。

enter image description here

我长时间搜索并尝试了许多给定的解决方案,但没有任何效果。

1 个答案:

答案 0 :(得分:0)

我创建了一个自定义解决方案:

    $(".delivery_date").datetimepicker({
    format: 'DD.MM.YYYY',
    widgetPositioning: {
        horizontal: 'auto',
        vertical: 'bottom'
    }
});

var tableContentHeight;

$('.delivery_date').on("dp.show",function (e) {
    tableContentHeight = $('#table_content').height();
    var closestRow = this.closest( "tr" ).id;
    var closestRowPosition = $('#' + closestRow).position();
    if(closestRowPosition.top + 250 > tableContentHeight){
        var newTableContentHeight = tableContentHeight + 250;
    }
    $( "#table_content" ).height( newTableContentHeight);
});

$('.delivery_date').on("dp.hide",function (e) {
    $( "#table_content" ).height( tableContentHeight);
});