vue中moment使用,moment.js 格式化时间
Moment.js是一个JavaScript日期处理类库，用于解析、检查、操作和显示日期。本文主要介绍vue使用Moment插件格式化时间的相关信息。有需要的朋友可以参考一下。
Moment是一个多种语言支持的日期处理类库。如何在vue中使用？首先附上http://momentjs.cn/,官网的地址。毕竟找api才是正确的学习方式！
使用npm命令安装moment
npm安装时刻-保存
在main.js文件里引用moment
//要用“import”命令加载的Vue构建版本
//(仅运行时或独立)已在webpack.base.conf中用别名设置。
从“vue”导入Vue
从导入应用程序。/App
从导入路由器。/路由器
从“时刻”导入时刻
//定义全局时间戳过滤器
Vue.filter(formatDate ，函数(值){
返回力矩(值)。格式(“YYYY-MM-DD HH:mm:ss”)
})
Vue.config.productionTip=false
/* eslint-禁用no-new */
新Vue({
埃尔： #app ，
路由器，
组件：{ App }，
模板：“应用程序/”
})
在组件里使用
div class= time“{ item . rate time format date } }/div
常用的一些日期格式化方法
日期格式
力矩()。格式( MMMM Do YYYY，h:mm:ss a )；//2019年4月16日中午12点24分48秒
力矩()。格式(“dddd”)；//星期二
力矩()。格式(“MMM Do YY”)；//19年4月16日
力矩()。格式( YYYY[转义]YYYY )；//2019躲过了2019
力矩()。format()；//2019-04-16T12:24:48 08:00
相对时间
矩( 20111031 ， YYYYMMDD )。from now()；//7年前
矩( 20120620 ， YYYYMMDD )。from now()；//7年前
力矩()。startOf(day )。from now()；//12小时前
力矩()。endOf(日)。from now()；//12小时内
力矩()。startOf(小时)。from now()；//28分钟前
日历时间
力矩()。减去(10，“天”)。日历()；//2019年4月6日
力矩()。减去(6，“天”)。日历()；//上周三中午12点28分
力矩()。减去(3，“天”)。日历()；//上周六中午12点28分
力矩()。减去(1，“天”)。日历()；//昨天中午12点28分
力矩()。日历()；//今天中午12点28分
力矩()。添加(1，“天”)。日历()；//明天中午12点28分
力矩()。添加(3，“天”)。日历()；//本周五中午12点28分
力矩()。添加(10，天)。日历()；//2019年4月26日
多语言支持
力矩()。格式( L )；//2019-04-16
力矩()。格式( l )；//2019-04-16
力矩()。格式( LL )；//2019年4月16日
力矩()。格式( ll )；//2019年4月16日
力矩()。格式(“LLL”)；//2019年4月16日中午12点28分
力矩()。格式( lll )；//2019年4月16日中午12点28分
力矩()。格式(“LLLL”)；//2019年4月16日星期二中午12: 28
力矩()。格式( llll )；//2019年4月16日星期二中午12: 28
描述文档
格式代码
解释
返回值
年份
用四位数完全表示的年份。
例如：1999年或2019年
M
数字表示的月份，没有前导零。
1 ~ 12
梅智节拍器
数字表示的月份，没有前导零。
01 ~ 12
嗯
月份的三个字母缩写
一月至十二月
嗯
数字表示的月份，没有前导零。
一月至十二月
M
月份，完整文本格式
1 ~ 12
D
一个月中没有前导零的那一天。
1 ~ 31
直接伤害
一个月中有前导零的那一天。
01 ~ 31
d
数字表示的是星期几
0 ~ 6，0表示周日，6表示周六。
ddd
三个字母表示星期几。
周日至周六
嗒嗒球拍
星期几，完整的星期文本
周日至周六
殿下
小时，24小时制，带前导零
00 ~ 23
H
小时，24小时制，无前导零
0 ~ 23
倍硬
小时，12小时制，带前导零
00 ~ 12
h
小时，12小时制，无前导零
0 ~ 12
毫米
分钟，带前导零
00 ~ 59
m
分钟，不带前导零
0 ~ 59
悬浮物
秒，带前导零
01 ~ 59
s
秒，不带前导零
1 ~ 59
总结
这就是这篇关于vue用Moment插件格式化时间的文章。更多关于vue用Moment格式化时间的信息，请搜索我们以前的文章或者继续浏览下面的相关文章。希望大家以后能多多支持我们！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。