Vue通過(guò)moment插件實(shí)現(xiàn)獲取當(dāng)前月的第一天和最后一天
Vue 結(jié)合插件moment 實(shí)現(xiàn)獲取當(dāng)前月的第一天和最后一天
1.下載依賴moment npm install moment 2. 在當(dāng)前頁(yè)面使用插件moment import moment from "moment"; 3.實(shí)際操作 getDate(val) { let month = val.slice(5); //當(dāng)前日期 let time = new Date(); //選取的月份 let monthNum = month; //某月第一天 let startTime = moment(time).month(monthNum - 1).date(1).startOf("month") .format("YYYY-MM-DD"); //某月最后一天 let endTime = moment(time).month(monthNum - 1).date(1).endOf("month") .format("YYYY-MM-DD"); //日期選擇器 中的值 this.dateRange = startTime + "~" + endTime; }, 4.使用過(guò)程 調(diào)用這個(gè)方法傳參數(shù)就可以,this.getDate(val) val為這種格式 '2022-05'
以下為擴(kuò)展知識(shí)
1、獲取當(dāng)前時(shí)間 moment().format('YYYY-MM-DD HH:mm:ss') 2、獲取當(dāng)月的一號(hào) moment().startOf('months').format('YYYY-MM-DD') 3、獲取當(dāng)月的最后一天 moment().endOf('months').format('YYYY-MM-DD') 4、獲取上個(gè)月的一號(hào) moment().subtract(1, 'months').startOf('months').format('YYYY-MM-DD') 5、獲取上個(gè)月的最后一天 moment().subtract(1, 'months').endOf('months').format('YYYY-MM-DD') 6、獲取當(dāng)前年 moment().year() 7、獲取上一年 moment().add(-1, 'years').format('YYYY') 8、獲取下一年 moment().add(1, 'years').format('YYYY') 9、獲取去年的月初 moment().add(-1, 'years').startOf('months').format('YYYY-MM-DD') 10、獲取去年的月末 moment().add(-1, 'years').month(11).endOf('months').format('YYYY-MM-DD')
到此這篇關(guān)于Vue 結(jié)合插件moment 實(shí)現(xiàn)獲取當(dāng)前月的第一天和最后一天的文章就介紹到這了,更多相關(guān)vue獲取當(dāng)前月的第一天和最后一天內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
vue3?setup語(yǔ)法糖各種語(yǔ)法新特性的使用方法(vue3+vite+pinia)
這篇文章主要介紹了vue3?setup語(yǔ)法糖各種語(yǔ)法新特性的使用(vue3+vite+pinia),本文主要是記錄vue3的setup語(yǔ)法糖的各種新語(yǔ)法的使用方法,需要的朋友可以參考下2022-09-09Vue源碼學(xué)習(xí)之初始化模塊init.js解析
本篇文章主要介紹了Vue源碼學(xué)習(xí)之初始化模塊init.js解析,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11解決vue刷新頁(yè)面以后丟失store的數(shù)據(jù)問(wèn)題
這篇文章主要介紹了解決vue刷新頁(yè)面以后丟失store的數(shù)據(jù)問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-08-08Vue項(xiàng)目pdf(base64)轉(zhuǎn)圖片遇到的問(wèn)題及解決方法
這篇文章主要介紹了Vue項(xiàng)目pdf(base64)轉(zhuǎn)圖片遇到的問(wèn)題及解決方法,需要的朋友可以參考下2018-10-10Vue?element-ui中表格過(guò)長(zhǎng)內(nèi)容隱藏顯示的實(shí)現(xiàn)方式
在Vue項(xiàng)目中,使用ElementUI渲染表格數(shù)據(jù)時(shí),如果某一個(gè)列數(shù)值長(zhǎng)度超過(guò)列寬,會(huì)默認(rèn)換行,造成顯示不友好,下面這篇文章主要給大家介紹了關(guān)于Vue?element-ui中表格過(guò)長(zhǎng)內(nèi)容隱藏顯示的實(shí)現(xiàn)方式,需要的朋友可以參考下2022-09-09vue vantUI tab切換時(shí) list組件不觸發(fā)load事件的問(wèn)題及解決方法
這篇文章主要介紹了vue vantUI tab切換時(shí) list組件不觸發(fā)load事件的解決辦法,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-02-02Vue使用 onMounted 確保在組件掛載后執(zhí)行異步操作示例詳解
在 Vue.js 或其他類似框架中,使用 onMounted 是為了確保在組件掛載后執(zhí)行異步操作,這篇文章主要介紹了Vue使用onMounted確保在組件掛載后執(zhí)行異步操作,需要的朋友可以參考下2023-06-06