2017-11-16 3 views
0

Ich habe ein Raster mit mehreren Eingabefeldern, auch ein Datetimeinput. Beim Klicken ist der Kalender teilweise ausgeblendet: enter image description hereDatetimepicker ausgeblendet bei Verwendung im Raster

Wenn ich Überlauf-y: sichtbar; es funktioniert, aber das Gitter verlässt das Div auf der rechten Seite.

enter image description here

Ich suchte langjährige und viele gegeben Lösungen ausprobiert, aber nichts funktioniert.

+0

Ich denke, es keine Lösung für dieses „Problem“ ist. Sie haben Inhalt in einem Bildlaufrahmen und der Kalender ist Teil des Inhalts dieses Rahmens. Per Definition muss es innerhalb dieses Rahmens sein, und Sie müssen nach unten scrollen, um es zu sehen. – Amarnasan

Antwort

0

habe ich eine kundenspezifische Lösung:

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