Javascript 角度引导将日期字段加载到html中

我有一个angular应用程序，可以从服务中获取数据

我的控制器app.js如下：

var app = angular.module('myapp', ['ui.bootstrap', 'jsonService']);
    app.controller('mycontroller', function(MyService, $scope, $modal, $log, $http) {
        $scope.profileid=3619;

        MyService.getItems($scope.profileid,function(data){
            $scope.profiledata = data;
        });
    });

[
    {
        "profile_id": 3619, 
        "student_id": "554940", 
        "first_name": "Samuel", 
        "last_name": "Haynes",
        "date_of_birth": "2002-03-08T06:00:00Z"
    }
]

我在数据中得到的json对象如下所示：

var app = angular.module('myapp', ['ui.bootstrap', 'jsonService']);
    app.controller('mycontroller', function(MyService, $scope, $modal, $log, $http) {
        $scope.profileid=3619;

        MyService.getItems($scope.profileid,function(data){
            $scope.profiledata = data;
        });
    });

[
    {
        "profile_id": 3619, 
        "student_id": "554940", 
        "first_name": "Samuel", 
        "last_name": "Haynes",
        "date_of_birth": "2002-03-08T06:00:00Z"
    }
]

这里的出生日期是一个日期时间字段。当我尝试在html中显示这些值时，如下所示：

<label for="lastName">Student Last Name</label>
<input type="text" class="form-control" id="lastName" ng-model="profiledata[0].last_name" placeholder="Last Name" />

<label for="dob">Date of Birth</label>
<input type="date" class="form-control" id="dob" ng-model="profiledata[0].date_of_birth" />

学生姓氏
出生日期

---

在这里，姓氏在文本框中显示良好。但日期不起作用。如何显示日期的值？

为了让日期输入接受该值，必须首先将其转换为javascript日期对象。因此，在本例中，您将添加行

$scope.profiledata[0]。出生日期=新日期（$scope.profiledata[0]。出生日期）$scope.profiledata=data之后的code>行。
请看这里：您需要缩短时间。我使用了datetimelocal，而不仅仅是日期。它仍然没有出现。想想json参数有什么问题吗？在重新阅读我链接的文档后，它说它一定是date对象。创建一个日期对象，将日期字符串传递给构造函数，然后将模型传递给该构造函数。请尝试！但运气不佳：（.仍在向我显示占位符..当我放置调试器时，该日期已在$scope.profiledata[0]中正确创建。但由于某些原因，它没有显示在html页面中。我进行了一些搜索，实际上无意中发现了类似的SO帖子：