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);
   };
 }])

Answer 2

您可以这样尝试

document.getElementById("myDate").defaultValue = "2014-02-09";

<input id="myDate" type="date" name="" value="2019">

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

2 个答案: