JS常用时间操作moment.js的使用方法

目录

一、引入moment.js

1.Node.js方式引入

2.浏览器方式引入

二、moment时区和转换

1.时区的设置

2.UTC和北京时间的互转

三、使用

1.获取时间

2.设置时间

3.格式化时间

4.比较时间

5.转化为JavaScript原生Date对象

6.日期格式化

7.相对时间输出实例

8.日历时间输出实例

9.多语言支持输出实例

10.其它实用技巧

Moment.js是一个轻量级的JavaScript时间库，它方便了日常开发中对时间的操作，提高了开发效率。日常开发中，通常会对时间进行下面这几个操作：比如获取时间，设置时间，格式化时间，比较时间等等。下面就是我对moment.js使用过程中的整理，方便以后查阅。

一、引入moment.js

1.Node.js方式引入

（1）安装npm install moment 或者 yarn add moment（2）引入// require 方式var moment = require('moment');// import 方式import moment from 'moment';

2.浏览器方式引入

二、moment时区和转换

1.时区的设置

// require 方式require('moment/locale/zh-cn') moment.locale('zh-cn');// import 方式import 'moment/locale/zh-cn'moment.locale('zh-cn');//使用utc时区,后面可继续添加相关获取时间或格式化操作moment.utc()

2.UTC和北京时间的互转

2.1

目标是UTC时间，则用moment(utcTime).utc()方法，举例：moment(utcTime).utc().format('YYYY-MM-DD HH:mm:ss')

2.2

目标是北京时间，则用moment(utcTime).utcOffset(8)方法，举例：moment(utcTime).utcOffset(8).format('YYYY/MM/DD HH:mm:ss')

三、使用

1.获取时间

（1）获取当前时间moment()（2）获取今天0时0分0秒moment().startOf('day')（3）获取本周第一天(周日)0时0分0秒moment().startOf('week')（4）获取本周周一0时0分0秒moment().startOf('isoWeek')（5）获取当前月第一天0时0分0秒moment().startOf('month')（6）获取今天23时59分59秒moment().endOf('day')（7）获取本周最后一天(周六)23时59分59秒moment().endOf('week')（8）获取本周周日23时59分59秒moment().endOf('isoWeek')（9）获取当前月最后一天23时59分59秒moment().endOf('month')（10）获取当前月的总天数moment().daysInMonth()（11）获取时间戳(以秒为单位)moment().format('X') // 返回值为字符串类型moment().unix() // 返回值为数值型（12）获取时间戳(以毫秒为单位)moment().format('x') // 返回值为字符串类型moment().valueOf() // 返回值为数值型（13）获取年份moment().year() moment().get('year')（14）获取月份moment().month() // (0~11, 0: January, 11: December) moment().get('month')（15）获取一个月中的某一天moment().date() moment().get('date')（16）获取一个星期中的某一天moment().day() // (0~6, 0: Sunday, 6: Saturday) moment().weekday() // (0~6, 0: Sunday, 6: Saturday) moment().isoWeekday() // (1~7, 1: Monday, 7: Sunday) moment().get('day') mment().get('weekday') moment().get('isoWeekday')（17）获取小时moment().hours() moment().get('hours')（18）获取分钟moment().minutes() moment().get('minutes')（19）获取秒数moment().seconds() moment().get('seconds')（20）获取当前的年月日时分秒moment().toArray() // [years, months, date, hours, minutes, seconds, milliseconds]moment().toObject() // {years: xxxx, months: x, date: xx ...}

2.设置时间

（1）设置年份moment().year(2019) moment().set('year', 2019) moment().set({year: 2019})（2）设置月份moment().month(11) // (0~11, 0: January, 11: December) moment().set('month', 11)（3）设置某个月中的某一天moment().date(15) moment().set('date', 15)（4）设置某个星期中的某一天moment().weekday(0) // 设置日期为本周第一天（周日）

moment().isoWeekday(1) // 设置日期为本周周一moment().set('weekday', 0) moment().set('isoWeekday', 1)（5）设置小时moment().hours(12) moment().set('hours', 12)（6）设置分钟moment().minutes(30) moment().set('minutes', 30)（7）设置秒数moment().seconds(30) moment().set('seconds', 30)（8）年份+1moment().add(1, 'years') moment().add({years: 1})（9）月份+1moment().add(1, 'months')（10）日期+1moment().add(1, 'days')（11）星期+1moment().add(1, 'weeks')（12）小时+1moment().add(1, 'hours')（13）分钟+1moment().add(1, 'minutes')（14）秒数+1moment().add(1, 'seconds')（15）年份-1moment().subtract(1, 'years') moment().subtract({years: 1})（16）月份-1moment().subtract(1, 'months')（17）日期-1moment().subtract(1, 'days')（18）星期-1moment().subtract(1, 'weeks')（19）小时-1moment().subtract(1, 'hours')（20）分钟-1moment().subtract(1, 'minutes')（21）秒数-1moment().subtract(1, 'seconds')

3.格式化时间

格式代码说明返回值例子M数字表示的月份，没有前导零1到12 MM数字表示的月份，有前导零01到12 MMM三个字母缩写表示的月份Jan到Dec MMMM月份，完整的文本格式January到December Q季度1到4 D月份中的第几天，没有前导零1到31 DD月份中的第几天，有前导零01到31 d星期中的第几天，数字表示0到6，0表示周日，6表示周六ddd三个字母表示星期中的第几天Sun到Sat dddd星期几，完整的星期文本从Sunday到Saturday w年份中的第几周如42：表示第42周YYYY四位数字完整表示的年份如：2014 或 2000 YY两位数字表示的年份如：14 或 98 A大写的AM PM AM PM a小写的am pm am pm HH小时，24小时制，有前导零00到23 H小时，24小时制，无前导零0到23 hh小时，12小时制，有前导零00到12 h小时，12小时制，无前导零0到12 m没有前导零的分钟数0到59 mm有前导零的分钟数00到59 s没有前导零的秒数1到59 ss有前导零的描述01到59 X Unix时间戳1411572969（1）格式化年月日： ‘xxxx年xx月xx日’moment().format('YYYY年MM月DD日')（2）格式化年月日： ‘xxxx-xx-xx’moment().format('YYYY-MM-DD')（3）格式化时分秒(24小时制)： ‘xx时xx分xx秒’moment().format('HH时mm分ss秒')（4）格式化时分秒(12小时制)：‘xx:xx:xx am/pm’moment().format('hh:mm:ss a')（5）格式化时间戳(以毫秒为单位)moment().format('x') // 返回值为字符串类型

4.比较时间

（1）获取两个日期之间的时间差let start_date = moment().subtract(1, 'weeks') let end_date = moment()

end_date.diff(start_date, 'months') // 0 end_date.diff(start_date, 'weeks') // 1 end_date.diff(start_date, 'days') // 7 start_date.diff(end_date, 'days') // -7

5.转化为JavaScript原生Date对象

moment().toDate() new Date(moment())

6.日期格式化

moment().format('MMMM Do YYYY, h:mm:ss a'); // 五月 24日 2019, 7:47:43 晚上moment().format('dddd'); // 星期五moment().format("MMM Do YY"); // 5月 24日 19 moment().format('YYYY [escaped] YYYY'); // 2019 escaped 2019 moment().format(); // 2019-05-24T19:47:43+08:00

7.相对时间输出实例

moment("20111031", "YYYYMMDD").fromNow(); // 8 年前

moment().startOf('hour').fromNow(); // 1 小时前

8.日历时间输出实例

moment().subtract(10, 'days').calendar(); // 2019年5月14日

moment().add(10, 'days').calendar(); // 2019年6月3日

9.多语言支持输出实例

moment().format('L'); // 2019-05-24

moment().format('llll'); // 2019年5月24日星期五晚上7点50分

10.其它实用技巧

moment().format("YYYY-MM-DD") //格式化显示当前时间`${moment().subtract("month", +1).format("YYYY-MM")}-01` //上一个月的1号`${moment().add("month", -1).format("YYYY-MM")}-01` //还是上一个月1号let M = `${moment().format("YYYY-MM")}-01` //本月一号moment(M).add("days", -1).format("YYYY-MM-DD") //上一个月月底moment().startOf("year").format("YYYY-MM-DD") //本年的的开始日期，（"2019-01-01"）

//moment 转成时间戳moment().valueOf()//时间戳 转 moment moment(string).format()

更多可参见官方文档：

文档 | Moment.js 中文网到此这篇关于JS常用时间操作moment.js的使用方法的文章就介绍到这了,更多相关moment.js使用内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:vue3时间插件之Moment.js使用教程node.js使用Moment.js js 时间计算方法示例小结关于moment.js的常用方法及使用说明如何使用moment.js获取本周、前n周、后n周开始结束日期及动态计算周数moment.js使用超详细教程