2017-01-17 5 views
1

아래 링크에는 날짜 선택 도구 (열 날짜)가있는 ui 표가 제공됩니다. 여기서 우리는 수동으로 날짜를 입력 할 수 없습니다. 친절수동으로 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 
}; 
+0

수동 편집을 통해 사용자가 날짜를 입력한다는 의미입니까? –

+0

예, 사용자는 날짜를 입력하고 날짜 선택기에서 날짜를 선택하는 옵션이 필요합니다. – Thomas

답변

0

당신이 캔트 날짜 선택기에서 수동으로 날짜를 입력 할 수있는 솔루션을 제공, 내가 같은 문제가 있습니다. 특별한 지시어를 만들거나 단순히 이것을 입력 상자로 만들 수 있습니다.