我试图用引导日期选择器（通过 angulart UI引导）的的 NG-电网

I'm trying to use bootstrap datepicker (via angulart ui bootstrap) inside an ng-grid.

我设置网格：

$scope.gridSettings = {
    data: "myData",
    enableCellSelection: true,
    enableRowSelection: false,
    enableCellEditOnFocus: true,
    columnDefs:
        [
            { field: "StartDate", displayName: "Date", 
              editableCellTemplate: '<input type="text" datepicker-popup="dd/MM/yyyy" ng-model="COL_FIELD" />' }
        ]
};

和它的作品，当我点击它变成一个datepicker细胞 - 但是 - 日历弹出被细胞边界剪切 - 这意味着我只能看到适合的单元格的弹出窗口的部分（顶境）

And it works, when I click a cell it changes into a datepicker - but - the calendar popup is clipped by the cell boundaries - this means that I can only see the part of the popup that fits into the cell (the top border)

什么我需要设置为允许弹出日期选择器出现在网格上方，而不是被夹在电池？

What do I need to set to allow the datepicker popup to appear above the grid instead of being clipped to the cell?

更新：试过从角UI引导转向角带，现在的​​日期选择器的作品，但我与timepicker完全相同的问题。

Update: tried switching from Angular UI bootstrap to angular-strap, now the datepicker works but I have the exact same problem with the timepicker

推荐答案

使用日期选择器，追加到身体=真

Use datepicker-append-to-body=true

$scope.gridSettings = {
data: "myData",
enableCellSelection: true,
enableRowSelection: false,
enableCellEditOnFocus: true,
columnDefs:
    [
        { field: "StartDate", displayName: "Date", 
          editableCellTemplate: '<input type="text" datepicker-popup="dd/MM/yyyy" datepicker-append-to-body=true ng-model="COL_FIELD" />' }
    ]

};