moment.js实时获取更新当前时间

一、引入moment

1.安装 cnpm install moment --save

2.import引入 import moment from ‘moment’

3.设置moment区域为中国,引入:

import ‘moment/locale/zh-cn’

moment.locale(‘zh-cn’)

二、获取当前时间

{{nowtime | updatetime}}

// 其中moment().format(‘LTS’)获取时间格式为:10:15:23类型

三、让时间实时更新
让时间实时更新用计时器,代码如下

mounted(){//生命周期模板挂载之后
let _this=this;
this.timer=setInterval(()=>{
_this.nowtime=new Date();
},1000)
},
beforeDestroy(){ //生命周期实例销毁之前
if(this.timer){
clearInterval(this.timer);
}
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值