Question

＆＃13;

        $scope.idCardValidityTracker = {
            data: 'data',                          //Test data
            enableCellEditOnFocus: true,
            enableRowSelection: false,
            columnDefs: [{ field: 'idCardNumber', displayName: 'ID Card Number', visible: true },
                        { field: 'validFromDate', displayName: 'Valid From', enableCellEditOnFocus: true, enableCellSelection: true, editableCellTemplate: '</b><input type="date" value="MM-dd-yyyy"  ng-class="' + 'colt' + '+ $index"  ng-input="COL_FIELD" ng-model="COL_FIELD"/>', cellFilter: 'date:\'MM-dd-yyyy\'' },
                        { field: 'validToDate', displayName: 'Valid To', enableCellEditOnFocus: true, enableCellSelection: true, editableCellTemplate: '</b><input type="date" value="MM-dd-yyyy" ng-class="' + 'colt' + '+ $index"  ng-input="COL_FIELD" ng-model="COL_FIELD" />', cellFilter: 'date:\'MM-dd-yyyy\'' }]
        };

＆＃13;

<style>
 .gridStyle {
        max-height: 170px;
        resize: horizontal;
        border: 1.5px ridge #fdfef9;
        margin-top: 5px;
        width: auto;
        margin-left: 2px;
        resize: both;
    }

</style>

＆＃13;

<div class="gridStyle" ng-grid="idCardValidityTracker" style="text-align:center; align-items:center;"></div>

＆＃13;

ng-grid中的日期选择器在Google Chrome中运行良好，但在Internet Explorer 10中没有。请帮我解决此问题。

Answer 1

日期选择器无法在IE中工作

Internet Explorer不支持日期字段。这就是为什么不使用代码

 <input type="date"> // IE doesn't support

或者你可以使用它也可以使用自举日期选择器。

http://angular-ui.github.io/bootstrap/#/datepicker

ng-grid中的日期选择器不适用于IE10

1 个答案: