在这里插入图片描述

💌 作者简介

  1. 📖 个人介绍:小伙伴们,大家好!我是水香木鱼,【前端领域创作者】😜
  2. 📜 CSDN主页:水香木鱼
  3. 📑 个人博客:陈春波
  4. 🎨 系列专栏:后台管理系统
  5. 🌹 一键四连:关注💋+点赞👍+收藏⭐+留言📝
  6. 📢 人生箴言:即使没有万全准备,也要勇敢迈出第一步。

一🚀 我们在获取后台接口的数据时,很多时候,时间格式需要我们前端自己去处理,此时我们可以这样做 一👇👇👇

在这里插入图片描述

一⌚1、安装moment.js

npm install moment --save

一⏰2、注册

在main.js 中 引用

import moment from 'moment'
Vue.prototype.$moment = moment

一⏳3、使用

<!--item.sj  是列表循环出的数据 ;YYYY-MM-DD 年月日 HH:mm:ss 时分秒-->
<span>循环的时间:{{ $moment(item.sj).format("YYYY-MM-DD HH:mm:ss") }}</span>

一⌛4、显示年月日

<span>循环的时间:{{ $moment(item.sj).format("YYYY-MM-DD") }}</span>

在这里插入图片描述

一💰5、显示时分秒

<span>循环的时间:{{ $moment(item.sj).format("HH:mm:ss") }}</span>

在这里插入图片描述


📖 博主致谢

感谢大家阅读到结尾,本次的文章就分享到这里,总结了【vue时间格式处理(YYYY-MM-DD HH:mm:ss)】,希望可以帮到大家,谢谢。

如果您觉得这篇文章有帮助到您的的话不妨【关注+点赞+收藏+评论+转发 】支持一下哟~~😛您的支持就是我更新的最大动力。👇👇👇👇👇👇

在这里插入图片描述

🛩往期精彩:

前端实现div标签p标签等吸顶效果【Vue+原生JS组合写法】

gitee【 码云】使用 Pull Request 功能进行代码审查的操作

git版本回退 三行命令完美解决

码云(gitee)配置ssh密钥的步骤?与解决git每次提交用户名的问题

如何使用csdn里的自定义模块管理专栏,看这一篇就够了。

Logo

前往低代码交流专区

更多推荐