前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Vue中使用moment格式化时间

Vue中使用moment格式化时间

作者头像
Java架构师必看
发布2021-09-14 14:19:04
1.4K0
发布2021-09-14 14:19:04
举报
文章被收录于专栏:Java架构师必看

Vue中使用moment格式化时间

强烈推介IDEA2020.2破解激活,IntelliJ IDEA 注册码,2020.2 IDEA 激活码

前言

JS插件moment模块可以格式化时间。

安装
代码语言:javascript
复制
cnpm install moment --save

在main.js中引入:

代码语言:javascript
复制
import moment from 'moment';
Vue.prototype.$moment = moment;
使用
代码语言:javascript
复制
//模块中使用:
{
   {
   this.$moment(item.endTime).format("YYYY-MM-DD HH:mm:ss")}}
//默认格式化当前时间的两种方式:
this.$moment().format('YYYY-MM-DD HH:mm:ss')    
this.$moment(Date.now()).format('YYYY-MM-DD HH:mm:ss')
//今天是星期几:
this.$moment().format('d');
//昨天
this.$moment(Date.now() - 24 * 60 * 60 * 1000)
//转化成Date对象
this.$moment().toDate()
// 早于
this.$moment('2010-10-20').isBefore('2010-10-21') // true
this.$moment('2010-10-20').isBefore('2010-12-31', 'year') // false
this.$moment('2010-10-20').isBefore('2011-01-01', 'year') // true
//是否相等:isSame 晚于:isAfter

// 是否在时间范围内
this.$moment('2010-10-20').isBetween('2010-10-19', '2010-10-25') // true
this.$moment('2010-10-20').isBetween('2010-01-01', '2012-01-01', 'year') // false
this.$moment('2010-10-20').isBetween('2009-12-31', '2012-01-01', 'year') // true
//是否是闰年
this.$moment().isLeapYear()
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 安装
  • 使用
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档