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
};
수동 편집을 통해 사용자가 날짜를 입력한다는 의미입니까? –
예, 사용자는 날짜를 입력하고 날짜 선택기에서 날짜를 선택하는 옵션이 필요합니다. – Thomas