Vue通過moment插件實現(xiàn)獲取當前月的第一天和最后一天
更新時間:2023年10月31日 09:34:33 作者:qq_42753983
這篇文章主要介紹了Vue 結合插件moment 實現(xiàn)獲取當前月的第一天和最后一天,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧
Vue 結合插件moment 實現(xiàn)獲取當前月的第一天和最后一天
1.下載依賴moment npm install moment 2. 在當前頁面使用插件moment import moment from "moment"; 3.實際操作 getDate(val) { let month = val.slice(5); //當前日期 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.使用過程 調用這個方法傳參數(shù)就可以,this.getDate(val) val為這種格式 '2022-05'
以下為擴展知識
1、獲取當前時間 moment().format('YYYY-MM-DD HH:mm:ss') 2、獲取當月的一號 moment().startOf('months').format('YYYY-MM-DD') 3、獲取當月的最后一天 moment().endOf('months').format('YYYY-MM-DD') 4、獲取上個月的一號 moment().subtract(1, 'months').startOf('months').format('YYYY-MM-DD') 5、獲取上個月的最后一天 moment().subtract(1, 'months').endOf('months').format('YYYY-MM-DD') 6、獲取當前年 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')
到此這篇關于Vue 結合插件moment 實現(xiàn)獲取當前月的第一天和最后一天的文章就介紹到這了,更多相關vue獲取當前月的第一天和最后一天內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
vue3?setup語法糖各種語法新特性的使用方法(vue3+vite+pinia)
這篇文章主要介紹了vue3?setup語法糖各種語法新特性的使用(vue3+vite+pinia),本文主要是記錄vue3的setup語法糖的各種新語法的使用方法,需要的朋友可以參考下2022-09-09解決vue刷新頁面以后丟失store的數(shù)據(jù)問題
這篇文章主要介紹了解決vue刷新頁面以后丟失store的數(shù)據(jù)問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08Vue?element-ui中表格過長內容隱藏顯示的實現(xiàn)方式
在Vue項目中,使用ElementUI渲染表格數(shù)據(jù)時,如果某一個列數(shù)值長度超過列寬,會默認換行,造成顯示不友好,下面這篇文章主要給大家介紹了關于Vue?element-ui中表格過長內容隱藏顯示的實現(xiàn)方式,需要的朋友可以參考下2022-09-09vue vantUI tab切換時 list組件不觸發(fā)load事件的問題及解決方法
這篇文章主要介紹了vue vantUI tab切換時 list組件不觸發(fā)load事件的解決辦法,本文給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下2020-02-02Vue使用 onMounted 確保在組件掛載后執(zhí)行異步操作示例詳解
在 Vue.js 或其他類似框架中,使用 onMounted 是為了確保在組件掛載后執(zhí)行異步操作,這篇文章主要介紹了Vue使用onMounted確保在組件掛載后執(zhí)行異步操作,需要的朋友可以參考下2023-06-06