vue 使用moment獲取當(dāng)前時(shí)間及一月前的時(shí)間
其實(shí)這個(gè)沒啥,就兩行代碼,比較容易忘,主要可以用在按時(shí)間段查詢。
安裝 moment
如果之前安裝過就不用再安裝了。
npm install moment -- save
使用 moment
在使用的文件引用 moment。
import moment from 'moment'
然后在需要使用的地方使用就可以了。
let startDate = moment().subtract(30, "days").format('YYYY-MM-DD') let endDate = moment().format('YYYY-MM-DD')
.subtract(30, "days") 的意思是向前推30天,如果是1,就是向前推1天。
YYYY-MM-DD:HH:MM:SS 這個(gè)是時(shí)分秒的格式化。
//獲取當(dāng)前時(shí)間 var now = moment().toDate();//Mon Jul 06 2020 13:50:51 GMT+0800 (中國標(biāo)準(zhǔn)時(shí)間) console.log(now) //格式化當(dāng)前時(shí)間 now = moment().format('YYYY-MM-DD');//2020-07-06 console.log(now); //其它幾種格式化方法 now = moment().format('L') // 10/22/2016? console.log(now); now = moment().format('LL') // October 22, 2016 console.log(now); //格式化當(dāng)前時(shí)間 now = moment().format('YYYY-MM-DD:HH:MM:SS'); console.log(now); //獲取這個(gè)月初時(shí)間 let startMonth = moment().startOf('month').toDate(); console.log(startMonth); //獲取今天開始的時(shí)間 let dayOfStart = moment().startOf('day').toDate(); console.log(dayOfStart); //獲取今天結(jié)束的時(shí)間 let dayOfEnd = moment().endOf('day').toDate(); console.log(dayOfEnd); //獲?。玭小時(shí) let lateHour = moment().add(2,'hour').toDate(); console.log(lateHour); //獲取+n小時(shí) console.log('//獲取-n小時(shí)') let beforeHour = moment().subtract(2,'hour').toDate(); console.log(beforeHour); //獲?。玭天 let lateDay = moment().add(+5,'day').toDate(); console.log(lateDay); //獲取-n天 let beforeDay = moment().add(-5,'day').toDate(); console.log(beforeDay); //也可以表示為 beforeDay = moment().subtract(5,'day').toDate(); console.log(beforeDay); console.log('//獲?。玭月') let lateMonth = moment().add(2,'month').toDate(); console.log(lateHour); //獲取+n月 let beforeMonth = moment().subtract(2,'month').toDate(); console.log(lateHour); //獲取星期 let week = moment().format('dddd'); console.log(week); //獲取到現(xiàn)在的年限 如果不滿一年顯示出具體幾個(gè)月 let years = moment('2020-12-31').fromNow(); console.log(years);
到此這篇關(guān)于vue 使用moment獲取當(dāng)前時(shí)間及一月前的時(shí)間的文章就介紹到這了,更多相關(guān)vue獲取當(dāng)前日期時(shí)間內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
- vue如何動態(tài)獲取當(dāng)前時(shí)間
- vue怎樣獲取當(dāng)前時(shí)間,并且傳遞給后端(不用注解)
- Vue 中如何利用 new Date() 獲取當(dāng)前時(shí)間
- 基于vue實(shí)現(xiàn)8小時(shí)帶刻度的時(shí)間軸根據(jù)當(dāng)前時(shí)間實(shí)時(shí)定位功能
- vue中實(shí)現(xiàn)當(dāng)前時(shí)間echarts圖表時(shí)間軸動態(tài)的數(shù)據(jù)(實(shí)例代碼)
- Vue 按照創(chuàng)建時(shí)間和當(dāng)前時(shí)間顯示操作(剛剛,幾小時(shí)前,幾天前)
- Vue 中獲取當(dāng)前時(shí)間并實(shí)時(shí)刷新的實(shí)現(xiàn)代碼
- Vue filter 過濾當(dāng)前時(shí)間 實(shí)現(xiàn)實(shí)時(shí)更新效果
- vue 2.1.3 實(shí)時(shí)顯示當(dāng)前時(shí)間,每秒更新的方法
- element-ui vue input輸入框自動獲取焦點(diǎn)聚焦方式
- Vue3新增時(shí)自動獲取當(dāng)前時(shí)間的操作方法
相關(guān)文章
vue把輸入框的內(nèi)容添加到頁面的實(shí)例講解
在本篇文章里小編給大家整理的是關(guān)于vue把輸入框的內(nèi)容添加到頁面的實(shí)例以及相關(guān)知識點(diǎn),需要的朋友們學(xué)習(xí)下。2019-11-11前端vue3手動設(shè)置滾動條位置/自動定位詳細(xì)代碼
這篇文章主要給大家介紹了關(guān)于前端vue3手動設(shè)置滾動條位置/自動定位的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),對大家學(xué)習(xí)學(xué)習(xí)或者使用vue3具有一定的參考解決價(jià)值,需要的朋友可以參考下2024-05-05關(guān)于ElementPlus中的表單驗(yàn)證規(guī)則詳解
這篇文章主要介紹了關(guān)于ElementPlus中的表單驗(yàn)證,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-06-06ElementUI中<el-form>標(biāo)簽中ref、:model、:rules的作用淺析
Element官方文檔中寫到,model是表單數(shù)據(jù)對象,rules是表單驗(yàn)證規(guī)則,下面這篇文章主要給大家介紹了關(guān)于ElementUI中<el-form>標(biāo)簽中ref、:model、:rules作用的相關(guān)資料,需要的朋友可以參考下2023-01-01vue.js 1.x與2.0中js實(shí)時(shí)監(jiān)聽input值的變化
這篇文章主要介紹了vue.js 1.x與vue.js2.0中js實(shí)時(shí)監(jiān)聽input值的變化的相關(guān)資料,文中介紹的非常詳細(xì),對大家具有一定的參考價(jià)值,需要的朋友們下面來一起看看吧。2017-03-03vue使用el-upload上傳文件及Feign服務(wù)間傳遞文件的方法
這篇文章主要介紹了vue使用el-upload上傳文件及Feign服務(wù)間傳遞文件的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-03-03