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

【问题标题】：How to manually enter date in ui grid edit datepicker如何在 ui 网格编辑 datepicker 中手动输入日期
【发布时间】：2017-01-17 06:28:15
【问题描述】：

在下面的链接中提供了一个带有日期选择器（列日期）的 ui 网格。在这里我们不能手动输入日期。请提供在日期选择器中手动输入日期的解决方案

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
};

【问题讨论】：

手动编辑是指用户输入日期吗？
是的，用户需要选择输入日期以及从日期选择器中选择日期

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

【解决方案1】：

你不能，我有同样的问题。要么你做一个特殊的指令，或者干脆让它成为一个输入框

【讨论】：

是的，我为此做了一个特别的指令