侧边栏壁纸
博主头像
小峰酱

心中有理想,脚下的路再远,也永远不会迷失方向

  • 累计撰写 15 篇文章
  • 累计创建 13 个标签
  • 累计收到 10 条评论
隐藏侧边栏

VUE-使用day.js动态实时的显示时间

小峰酱
2021-07-15 / 0 评论 / 1 点赞 / 122 阅读 / 454 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2021-11-22,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

VUE-使用day.js动态实时的显示时间

下载 npm install dayjs --save (在终端输入)
引入 import dayjs from 'dayjs' (在script标签后添加)

<template>
<span>当前时间:{{ nowTime }}</span>
</template>

在created里添加

this.getTime();

在methods里添加

getTime() {
  this.timeId = setInterval(() => {
    this.nowTime = dayjs().format("YYYY-MM-DD HH:mm:ss");
  }, 1000);
},

获取更多使用方法请查阅day.js的API文档:https://github.com/iamkun/dayjs/blob/master/docs/zh-cn/API-reference.md

公众号小程序2in1
打开微信搜索:小峰酱的云笔记

小程序公众号同名!

若有其他建议:可以在下方给我留言或者给我发邮件

0

评论