在网格中使用时隐藏的日期时间选择器

Question

我有一个包含多个输入字段的网格，还有一个日期时间输入。点击日历部分隐藏：

如果我设置溢出-y：可见；它正在工作，但网格将 div 留在右侧。

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

Answer 1

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

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

在网格中使用时隐藏的日期时间选择器

Datetimepicker hidden when using in grid

datetimepicker

laravel