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

本文介绍了一种将13位时间戳转换为日期格式的方法,并演示了如何在Angular应用中利用该方法将转换后的日期回显到type=date的input元素中。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

场景描述:

后台返回一组数据,其中包括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的要进行补零操作


回显成功就是这样的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值