如何在ui网格编辑datepicker中手动输入日期

时间:2017-01-17 06:28:16

标签: angularjs angular-ui-grid angular-ui-datepicker

在下面的链接中提供了带日期选择器的ui网格(列日期)。在这里,我们无法手动输入日期。请提供在datepicker中手动输入日期的解决方案

http://plnkr.co/edit/4mNr86cN6wFOLYQ02QND?p=preview

$scope.data = [];

var generateData = function() {
  for (var i = 0, i_length = 30; i < i_length; i++)   {
      $scope.data.push({
          "firstName": "Cox",
          "lastName": "Carney",
          "company": "Enormo",
          "date": '10/14/2015 02:45:33 AM'
      });
      $scope.data.push({
          "firstName": "Lorraine",
          "lastName": "Wise",
          "company": "Comveyer",
          "date": '10/15/2015 10:52:54 AM'
      });
      $scope.data.push({
          "firstName": "Nancy",
          "lastName": "Waters",
          "company": "Fuelton",
          "date": '09/09/2014 07:32:11 AM'
      });
  }
}();

$scope.gridOptions = {
    enableGridMenu: true,
    data: 'data',
    columnDefs: [
        { name: 'First Name', field: 'firstName' },
        { name: 'Last Name', field: 'lastName'},
        { name: 'Company', field: 'company' },
        { name: 'Date',
            field: 'date',
            cellFilter: 'textDate:"M/d/yyyy"',
            editableCellTemplate: '<div><form name="inputForm"><div ui-grid-edit-datepicker row-field="MODEL_COL_FIELD" ng-class="\'colt\' + col.uid"></div></form></div>'
        }
    ],
    enableCellEditOnFocus: true
};

1 个答案:

答案 0 :(得分:0)

你不能,我有同样的问题。要么你做一个特殊的指令,要么只是让它成为一个inputBox