vue中moment.js的使用

1、介紹

moment.js是一款如今對時間處理的強大的函數。

Moment被設計用於在瀏覽器和Node.js中工做。

 目前ci系統使用的瀏覽器有:IE八、IE9在Windows 7上、Chrome在Windows XP上、Safari 10.8在Mac上、Firefox在Linux上。

 全部代碼均可以在這兩種環境中工做。全部單元測試都在這兩個環境中運行。

2、安裝

npm install moment

 

3、引入方式

//require 方式
var moment=require('moment'); //import 方式 import moment from 'moment';

4、使用

以當前時間2018-12-13 16:35:23 星期四 做爲參考例子

1.取當天時間，以YYYY年MM月DD日形式顯示

　　let now = moment().format('YYYY年MM月DD日') // 2018年12月13日

2.任意時間戳格式化，以YYYY-MM-DD HH:mm:ss形式顯示

　　let nowStamp = 1544690123000

　　let nowTime = moment(nowStamp).format('YYYY-MM-DD HH:mm:ss') // 2018-12-13 16:35:23

3.獲取當前年份、月份、日期

　　let y = moment().year() // 年 2018

　　let m = moment().month() + 1 // 月份 從0開始，當前月要+1    12

　　let d = moment().date() // 日   13

　　let w = moment().week() // 今年第xx個周   50

4.星期幾的日期

　　let weekDay = moment().weekday(2).format('YYYY-MM-DD') // 2018-12-11   星期二的日期

　　let weekDay = moment().weekday(5).format('YYYY-MM-DD') // 2018-12-14   星期五的日期

5.時間加減法

　　 減法：

　　//獲取上個月今天的日期，格式以YYYY-MM-DD顯示

　　let preMonth = moment().subtract(1, 'months').format('YYYY-MM-DD') // 2018-11-13 上個月今天

　　// 獲取前一天的日期，格式以YYYY-MM-DD顯示

　　let preDay = moment().subtract(1, 'days').format('YYYY-MM-DD') // 2018-12-12 昨天

　　// 獲取前一年的日期，格式以YYYY-MM-DD顯示

　　let preYear = moment().subtract(1, 'years').format('YYYY-MM-DD') // 2017-12-13 去年今天

　加法：

　　// 獲取下一年的日期，格式以YYYY-MM-DD顯示

　　let nextYear = moment().add(1, 'years').format('YYYY-MM-DD HH:mm:ss') // 2019-12-13 17:23:57 明年今天

　　hours，days，months就不一一贅述了

6.判斷

　console.log(moment([2000]).isLeapYear(), '判斷2000是不是閏年') // true

　console.log(moment([2018]).isLeapYear(), '判斷2018是不是閏年') // false

 

5、使用感想

　　以前用原生的js方法寫日期格式 ，代碼量有點多，用過moment.js以後就發現要簡單許多，適合於大多數狀況，由於format()方法裏能夠隨意設置格式。