如何在 ng-grid 中使用 bootstrap datepicker

我正在尝试使用引导日期选择器（通过角度 ui 引导程序 http://angular-ui.github.io/bootstrap/）内ng-grid http://angular-ui.github.io/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" />' }
        ]
};

它有效，当我单击一个单元格时，它会变成一个日期选择器 - 但是 - 日历弹出窗口被单元格边界剪切 - 这意味着我只能看到适合单元格的弹出窗口部分（顶部边框）

我需要设置什么才能允许日期选择器弹出窗口出现在网格上方而不是被剪切到单元格？

更新：尝试从 Angular UI bootstrap 切换到 Angular-strap，现在日期选择器可以工作，但我的时间选择器有完全相同的问题

使用 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" />' }
    ]

};