jQuery 日期选择器不适用于 ng-grid 单元格

Question

我在将 jQuery 的日期选择器与 AngularJS ng-grid 扩展集成时遇到问题；更具体地说，jQuery 日期选择器无法将数据推回到 ng-grid，而是抛出此错误:Uncaught Missing instance data for this datepicker 对此错误消息的所有研究均不涉及其使用在 ng-grid 内。

在此 fiddle 中重新创建问题:http://jsfiddle.net/ADukg/2363/

任何帮助或解释将不胜感激。谢谢!

var myApp = angular.module('myApp', ['ui', 'ngGrid']);

function Ctrl($scope) {

    $scope.data = [{
        "Title": "Title",
        "Date": new Date("01/03/1970")

    }];

    $scope.kpiGridOptions={data:'data',
        enableCellEdit:true,
                columnDefs:[{field:'Title', displayName:'Title'},
            {field:'Date', displayName:'Date', editableCellTemplate:'<input ui-date ui-date-format ng-model="row.entity[col.field]">'}]
    }
};

Answer 1

看来您只是有几个选项不正确。 editableCellTemplate 应设置为 true，并且您应在 cellTemplate 中指定模板。

http://jsfiddle.net/ADukg/2370/

$scope.kpiGridOptions = { 
    data:'data',
    enableCellEdit:true,
    columnDefs: [
        { field:'Title', displayName:'Title'},
        { field:'Date', displayName:'Date', editableCellTemplate: true, cellTemplate: 
          '<input ui-date ui-date-format ng-model="row.entity[col.field]">' }
    ]
}

此外，"Date": new Date("01/03/1970") 会导致输入 字段中不显示默认日期。不过，将分配更改为字符串表示形式可以解决此问题，如 jsfiddle 中所示。 。我现在没有时间弄清楚为什么会这样，希望这对您来说不是问题。

希望这有帮助。