1、引入插件
npm install moment --save
2、js配置:当前需要使用的文件中直接引入
import moment from 'moment';
3、代码实现:定义一个变量进行回显
3.1、dom部分
<span> {{ timeData }} </span>
3.2、js代码
<script>
import moment from 'moment'
export default {
data() {
return {
timeData: '',
}
},
created() {
this.startTime() //初始化获取时间
},
methods: {
//使用定时器setInterval,每隔一秒时间就调用函数
startTime() {
this.times = setInterval(() => {
this.timeData = moment().format("YYYY/MM/DD HH:mm:ss"); //当前时间 格式可根据实际情况空更改为YYYY-MM-DD
}, 1000);
},
beforeDestroy() {
clearInterval(this.times); //离开当前页面需清除定时器
}
}