Question

我遇到了将jQuery的日期选择器与AngularJS ng-grid扩展集成的问题;更具体地说，jQuery日期选择器无法将数据推回到ng-grid而是抛出此错误： Uncaught缺少此datepicker的实例数据对此错误消息的所有研究都与其使用无关在ng-grid内。

在这个小提琴中重新创建的问题：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")不会导致input字段中显示默认日期。但是，将分配更改为字符串表示可以解决此问题，如jsfiddle中所示。我没有时间弄清楚为什么现在这样，希望这对你来说不是问题。

希望这有帮助。

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

1 个答案: