javascript - 将日期打印到 html 日期选择器中

Question

我在日期输入字段上打印存储在数据库中的日期时遇到问题。 在我将其设置为 type="text" 之前，每当我加载页面时，日期都会显示。但是，我将类型更改为 type="date"，以便用户不必每次想要更改日期时都键入日期。但是，文本字段未预加载日期，现在仅显示 "mm/dd/yyyy"

我希望能够在加载页面时看到保存在数据库中的日期，然后如果我想进行更改，只需使用日期选择器即可。

这是代码。任何帮助将不胜感激。

<input ng-model="vm.adminSettings.projectDeadlineStartDate"
       class="form-control" type="date"
       style="margin-left: 1px; margin-right: 5px;"
       title="Start Deadline" required />

Answer 1

尝试将您的projectDeadlineStartDate 属性修改/格式化为JavaScript 日期对象。检查这个例子:

 angular.module('dateInputExample', [])
 .controller('DateController', ['$scope', function($scope) {
   var dateFromDb = "2019-03-08" //your date value from db
   $scope.vm.projectDeadline = new Date(dateFromDb);
   };
 }])