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

Question

        $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\'' }]
        };

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

</style>

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

ng-grid 中的日期选择器在 Google chrome 中运行良好，但在 Internet Explorer 10 中却不行。请帮我解决这个问题。

Answer 1

日期选择器在 IE 中不工作

Internet Explorer 不支持日期字段。这就是为什么不能运行您的代码

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

或者，您可以使用 bootstrap 日期选择器，它也适用于 IE。

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