编辑使用 HTML5 输入类型=date 从数据库检索的记录时的日期格式

Question

我有一个记录列表，旁边有一个按钮，当您单击它时，它会打开一个表单，其中包含从数据库中检索到的该记录的数据。

API 发送从数据库中检索的 JSON 对象，其中包含一个简单的 SELECT * FROM...

我

遇到的问题是我无法在输入类型=date 中加载日期，因为显然它是一个字符串 - 这是我做console.log(typeof(request.projSched1ExpDate))时得到的输出。

这是显而易见的输入：

<input type="date" class="form-control form-control-sm inputCell"
       ng-model="request.projSched1ExpDate" required />

请问我该怎么做？

Answer 1

您需要从字符串转换为日期对象，然后存储到您的模型中，如下所示： $scope.request.projSched1ExpDate = new Date('2011-04-11T10:20:30Z');

这是工作弹道机：https://plnkr.co/edit/2lMNGrRQ3TLCBRWDLgrT?p=preview

在这里，您可以找到如何从字符串转换为Date对象：在 js 中将字符串转换为日期