angular.js input type=date时间类型的输入框实现数据回显

场景描述：

后台返回一组数据，其中包括13位的时间戳，将时间戳进行转换，然后回显到 type=date的input中。

具体操作：

先将13位的时间戳转换为input可用的形式，注意，要想成功回显，必须将时间戳转换为‘2018-03-03’这种形式

月份和日期小于10的要补零。

下面是时间戳转换函数

vm.transform = function (transTime) {
  let date = new Date(transTime);
  let year = date.getFullYear();
  let month = date.getMonth() + 1;
  month = month < 10 ? '0' + month : month;
  let d = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
  return year + '-' + month + '-' + d;
};

下面是在angular.js中如何实现回显

<td><input type="date" ng-model="row.beginTime" ng-value="vm.transform(row.BEGINTIME)"/></td>
<td><input type="date" ng-model="row.endTime" ng-value="vm.transform(row.ENDTIME)"/></td>

关键操作就是 ng-value这里，ng-value='vm.transform(row.ENDTIME)'

调用时间戳转换函数，其中row.ENDTIME为后台返回的时间戳

注意注意：！！！！要想成功回显，类型必须为‘2018-03-03’这种形式，否则无法回显，小于10的要进行补零操作

angular.js input type=date时间类型的输入框实现数据回显

回显成功就是这样的。