Vue中 使用 moment.js 获取相关时间

简介: Vue中 使用 moment.js 获取相关时间

传送门:

Vue中 使用 moment.js 计算时间差值

Vue中 使用 moment.js 进行日期时间格式化

安装插件:moment.js

npm install moment

format就是格式化函数,参数’YYYY-MM-DD HH:mm:ss’定义了返回日期的格式。

详情请看下图:

2020062310470442.png

1 获取当前时间

var moment = require('moment');
let seekTime = moment().format("YYYY-MM-DD HH:mm:ss");
console.log(seekTime) // 2020-03-30 15:51:22

2 获取之前的时间 (subtract)

2.1 获取当前时间前 X 天

// 前一天
var moment = require('moment');
let seekTime = moment().subtract(1, "days").format("YYYY-MM-DD HH:mm:ss"); 
console.log(seekTime) // 2020-03-29 15:54:00
// 前三天
var moment = require('moment');
let seekTime = moment().subtract(3, "days").format("YYYY-MM-DD HH:mm:ss"); 
console.log(seekTime) // 2020-03-27 15:57:14

2.2 获取当前时间前 x 周

// 前一周
var moment=require('moment');
let seekTime = moment().subtract(1, "weeks").format("YYYY-MM-DD");
console.log(seekTime) // 2020-03-23

2.3 获取当前时间前 x 月

// 前一月
var moment=require('moment');
let seekTime = moment().subtract(1, "months").format("YYYY-MM-DD"); 
console.log(seekTime) // 2020-02-29

2.4 获取指定时间前 x 年

// 前一年
var moment = require('moment');
const time = '2020-03-30 15:51:22'
const seekTime = moment(time).subtract(1, "years").format("YYYY-MM-DD"); 
console.log(seekTime) // 2019-03-30

相关属性取值

years
quarters
months
weeks
days
hours
minutes
seconds
milliseconds

3 获取之后的时间 (add)

3.1 获取当前时间后 x 年

// 后一年
var moment=require('moment');
let seekTime = moment().add(1, "years").format("YYYY-MM-DD HH:mm:ss");
console.log(seekTime) // 2021-03-30 16:09:16

3.2 获取当前时间后 x 小时

// 后一小时
var moment=require('moment');
let seekTime = moment().add(1, "hours").format("YYYY-MM-DD HH:mm:ss");
console.log(seekTime) // 2020-03-30 17:11:18

3.3 获取指定时间后 x 天

// 后一天
var moment=require('moment');
const time = '2020-03-30 15:51:22'
const seekTime = moment(time).add(1, "days").format("YYYY-MM-DD HH:mm:ss");
console.log(seekTime) // 2020-03-31 15:51:22

4 获取其他时间

4.1 获取本周三日期,格式以YYYY-MM-DD形式显示

var moment=require('moment');
let seekTime = moment().weekday(3).format('YYYY-MM-DD');;
console.log(seekTime) // 2020-04-01

4.2 获取上周五日期,格式以YYYY-MM-DD形式显示

简单理解为上周倒数第几天,上周倒数第二天就是上周五了,和当天日期无关

var moment=require('moment');
let seekTime = moment().weekday(-2).format('YYYY-MM-DD');;
console.log(seekTime) // 2020-03-27



相关文章
|
2月前
|
JavaScript 前端开发 开发者
VUE 开发——Node.js学习(一)
VUE 开发——Node.js学习(一)
92 3
|
4月前
|
JSON JavaScript 前端开发
JavaScript 详解——Vue基础
【8月更文挑战第16天】
63 3
JavaScript 详解——Vue基础
|
1月前
|
JavaScript 前端开发 持续交付
构建现代Web应用:Vue.js与Node.js的完美结合
【10月更文挑战第22天】随着互联网技术的快速发展,Web应用已经成为了人们日常生活和工作的重要组成部分。前端技术和后端技术的不断创新,为Web应用的构建提供了更多可能。在本篇文章中,我们将探讨Vue.js和Node.js这两大热门技术如何完美结合,构建现代Web应用。
42 4
|
1月前
|
JavaScript 前端开发 开发者
JavaScript框架React vs. Vue:一场性能与易用性的较量
JavaScript框架React vs. Vue:一场性能与易用性的较量
37 0
|
3月前
|
JavaScript 前端开发 API
Vue学习笔记3:对比纯JavaScript和Vue实现数据更新的实时视图显示
Vue学习笔记3:对比纯JavaScript和Vue实现数据更新的实时视图显示
|
2月前
|
JavaScript 前端开发 应用服务中间件
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
203 0
|
2月前
|
JavaScript
深入解析:JS与Vue中事件委托(事件代理)的高效实现方法
深入解析:JS与Vue中事件委托(事件代理)的高效实现方法
58 0
|
2月前
|
JavaScript 前端开发
前端js,vue系统使用iframe嵌入第三方系统的父子系统的通信
前端js,vue系统使用iframe嵌入第三方系统的父子系统的通信
|
3月前
|
前端开发 JavaScript 开发者
Express.js与前端框架的集成:React、Vue和Angular的示例与技巧
本文介绍了如何将简洁灵活的Node.js后端框架Express.js与三大流行前端框架——React、Vue及Angular进行集成,以提升开发效率与代码可维护性。文中提供了详细的示例代码和实用技巧,展示了如何利用Express.js处理路由和静态文件服务,同时在React、Vue和Angular中构建用户界面,帮助开发者快速掌握前后端分离的开发方法,实现高效、灵活的Web应用构建。
74 3
|
3月前
|
JavaScript 前端开发 UED
让 HTML 向 Vue.js 华丽转身:如何把 `wangEditor` 仿腾讯文档项目整合进 Vue.js
让 HTML 向 Vue.js 华丽转身:如何把 `wangEditor` 仿腾讯文档项目整合进 Vue.js