TNBLOG
首页
博客
视频
资源
问答
猿趣
手机
关于
搜索
收藏
便签
笔记
消息
创作
登录
剑轩
故如虹,知恩;故如月,知明
博主信息
排名
6
文章
6
粉丝
16
评论
8
文章类别
CSS
15篇
微服务
41篇
Git
14篇
.NET
102篇
移动开发
33篇
软件架构
23篇
.NET Core
118篇
.NET MVC
11篇
英语
3篇
随笔
86篇
Bootstrap
3篇
Redis
21篇
编辑器
10篇
Js相关
15篇
虚拟化
8篇
更多
Oracle
7篇
Python
14篇
数据库
26篇
EF
17篇
微信
3篇
前端
151篇
消息队列
6篇
docker
41篇
多线程
1篇
Java
4篇
软件基础
2篇
C++
2篇
WCF
7篇
Linux
7篇
nginx
5篇
K8S
9篇
ABP
2篇
最新文章
最新评价
{{item.articleTitle}}
{{item.blogName}}
:
{{item.content}}
关于我们
ICP备案 :
渝ICP备18016597号-1
网站信息:
2018-2024
TNBLOG.NET
技术交流:
群号656732739
联系我们:
contact@tnblog.net
欢迎加群
欢迎加群交流技术
原
vue,js 时间格式化库moment使用。js获取时间日期
1161
人阅读
2019/7/19 15:19
总访问:
3841691
评论:
0
收藏:
0
手机
分类:
前端
[TOC] 官方网站:http://momentjs.cn/ **moment库有点大,推荐可以使用day.js** 官网:https://dayjs.fenxianglu.cn/ Element-plus中可以直接使用: ``` import { dayjs } from 'element-plus' ``` ### 安装: ``` npm install moment ``` ##### 引入 ``` // 引入moment库 var moment = require('moment'); // 或者这样引入 import moment from "moment" ``` ### 常用格式化 年月日时分秒: ``` // 引入moment库 var moment = require('moment'); // 或者这样引入 import moment from "moment" let val = moment("2023-4-4 16:12:15").format('YYYY-MM-DD HH:mm:ss') ``` 如果只要,月日时分秒就这样: ``` this.$moment(element.eventsTime).format('MM-DD HH:mm:ss') ``` 其他常用格式化 ``` //设定moment区域为中国 moment.locale('zh-cn'); //任意时间戳格式化,以YYYY-MM-DD HH:mm:ss形式显示 var t1 = moment(1411641720000).format("YYYY-MM-DD HH:mm:ss"); console.log(t1); //获取前一天日期,格式以YYYY-MM-DD形式显示 var t11 = moment().day(0).format('YYYY-MM-DD'); console.log(t11); //获取本周五日期,格式以YYYY-MM-DD形式显示 var t12 = moment().weekday(5).format('YYYY-MM-DD'); console.log(t12); //获取上周五日期,格式以YYYY-MM-DD形式显示 var t13 = moment().weekday(-3).format('YYYY-MM-DD'); console.log(t13); //获取当前年份、月份、日期 var t14 = moment().year(); var t15 = moment().month();//此处月份从0开始,当前月要+1 var t16 = moment().date(); console.log(`${t14}-${t15+1}-${t16}`); //例如:我想获取去年今天的完整日期,如:今天是2018-7-23,我要输出的是2017-7-23 console.log(`${t14-1}-${t15+1}-${t16}`); //获取上个月今天的日期,格式以YYYY-MM-DD显示 var t18 = moment().subtract(1, 'months').format('YYYY-MM-DD'); console.log(t18); //获取上个月日期,格式以YYYY-MM显示 var t19 = moment().subtract(1, 'months').format('YYYY-MM'); console.log(t19); //获取前一天日期,格式以YYYY-MM-DD显示 var t20 = moment().subtract(1, 'days').format('YYYY-MM-DD'); console.log(t20); //获取去年今天的日期,格式以YYYY-MM-DD显示,即简便的获取去年今天日期的方法 var t21 = moment().subtract(1, 'year').format('YYYY-MM-DD'); console.log(t21); //获取两个小时之后的时间 var t22 = moment().add(2,'hours').format('YYYY-MM-DD HH:mm:ss'); console.log(t22); //例如:今天2018-7-23,获取到的时间是2018-7-18 var t23 = moment().subtract(5, 'days').format('YYYY-MM-DD'); console.log(t23); ``` ### 在main.js中全局引入(也可单独在使用的文件中引入,具体看需求) ``` import moment from "moment" Vue.prototype.$moment = moment; ``` 全局引用后就可以这样使用了 ``` this.$moment(element.eventsTime).format('MM-DD HH:mm:ss') ``` ### 日期格式化,相对时间,历时间 日期格式化: ``` moment().format('MMMM Do YYYY, h:mm:ss a'); // 四月 6日 2023, 1:00:58 下午 moment().format('dddd'); // 星期四 moment().format("MMM Do YY"); // 4月 6日 23 moment().format('YYYY [escaped] YYYY'); // 2023 escaped 2023 moment().format(); // 2023-04-06T13:00:58+08:00 ``` 相对时间: ``` moment("20111031", "YYYYMMDD").fromNow(); // 11 年前 moment("20120620", "YYYYMMDD").fromNow(); // 11 年前 moment().startOf('day').fromNow(); // 13 小时前 moment().endOf('day').fromNow(); // 11 小时内 moment().startOf('hour').fromNow(); // 1 分钟前 ``` 日历时间: ``` moment().subtract(10, 'days').calendar(); // 2023/03/27 moment().subtract(6, 'days').calendar(); // 上星期五13:00 moment().subtract(3, 'days').calendar(); // 上星期一13:00 moment().subtract(1, 'days').calendar(); // 昨天13:00 moment().calendar(); // 今天13:00 moment().add(1, 'days').calendar(); // 明天13:00 moment().add(3, 'days').calendar(); // 下星期日13:00 moment().add(10, 'days').calendar(); // 2023/04/16 ```
欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739
👈{{preArticle.title}}
👉{{nextArticle.title}}
评价
{{titleitem}}
{{titleitem}}
{{item.content}}
{{titleitem}}
{{titleitem}}
{{item.content}}