使用moment组件------动态获取当前日期

最新推荐文章于 2025-05-22 09:11:02 发布

原创最新推荐文章于 2025-05-22 09:11:02 发布 · 982 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#动态获取本地时间

echarts和element&&moment 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何在Vue项目中安装和使用Moment.js库来实现实时时间显示功能。通过在main.js中注册并引入Moment.js，可以在组件中轻松获取和格式化当前时间。文章还详细说明了如何设置定时器每秒更新时间，并确保在组件销毁时清除定时器，防止内存泄漏。

安装、注册

先去官网安装，然后在main.js里面注册
在这里插入图片描述

使用

在这里插入图片描述
注意一定要引入

        data() {
            return {
                // // time:this.$moment().locale('zh-cn').format('YYYY年MM月DD日 dddd HH:mm:ss'),
                now_time:moment().format('YYYY年MM月DD日 dddd HH:mm:ss')
            }
        },

初始化完成之后，就可以直接使用了

触发

const timer = setInterval(() =>{
                this.now_time=moment().format('YYYY年MM月DD日 dddd HH:mm:ss')
            },1000);
            this.$once('hooK:beforeDestroy',() => {
                clearInterval(timer)
            })