无法在日期选择器中弹出ng格输入

Question

格 我想在ng格中获取日期选择器 无法获取日期选择器只弹出上下按钮显示，并且我还需要在每个输入中的默认值我的plunker环节 帮助是需要 预先感谢

var app = angular.module('myApp', ['ngGrid']); 
app.controller('MyCtrl', function($scope) { 
    $scope.myData = [{name: "Moroni", age: 50,dob:"1/08/1989"}, 
        {name: "Tiancum", age: 43,dob:"1/07/1989"}, 
        {name: "Jacob", age: 27,dob:"23/09/1988"}, 
        {name: "Nephi", age: 29,dob:"26/09/1988"}, 
        {name: "Enos", age: 34,dob:"05/05/1987"}]; 
    $scope.gridOptions = { 
     data: 'myData', 
     enableCellEdit:true, 
     enableCellSelection:true, 
     enableColumnResize:true, 
     columnDefs: [{field: 'name', displayName: 'Name'}, 
     {field:'age', displayName:'Age'}, 
     {field:'dob', displayName:'DOB',enableCellEdit:true,cellTemplate:'<input type="date"/>'}] 
    }; 
}); 

http://plnkr.co/edit/O5llvsl2nS0OcRNU7XON?p=preview

Answer 1

由于每个浏览器都有它自己的实施日期控制的，不是每一个浏览器将显示日期弹出，这样的解决方案我会建议使用第三方插件lik e jQueryUI Datepicker作为您的日期控件，这样您就可以在所有浏览器中获得相同的功能。

所以做出长话短说：

1. 为您的日期选择器插件的一个指令。
2. 不要忘记为输入元素添加ng-model作为默认值。

例子：

app.controller('MyCtrl', function($scope) { 
    $scope.myData = [{name: "Moroni", age: 50,dob:"1/08/1989"}, 
        {name: "Tiancum", age: 43,dob:"1/07/1989"}, 
        {name: "Jacob", age: 27,dob:"23/09/1988"}, 
        {name: "Nephi", age: 29,dob:"26/09/1988"}, 
        {name: "Enos", age: 34,dob:"05/05/1987"}]; 
    $scope.gridOptions = { 
     data: 'myData', 
     enableCellEdit:true, 
     enableCellSelection:true, 
     enableColumnResize:true, 
     columnDefs: [{field: 'name', displayName: 'Name'}, 
     {field:'age', displayName:'Age'}, 
     {field:'dob', displayName:'DOB', 
     cellTemplate:'<input jquery-datepicker="" type="text" ng-model="row.entity.dob"/>'}] 
    }; 

活生生的例子：http://plnkr.co/edit/6h5JIJeCkARNGWQgzeJ9?p=preview