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.使用過程
調用這個方法傳參數就可以,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ù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
ElementUI中el-tree節(jié)點的操作的實現(xiàn)
這篇文章主要介紹了ElementUI中el-tree節(jié)點的操作的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-02-02
vue中的echarts實現(xiàn)寬度自適應的解決方案
這篇文章主要介紹了vue中的echarts實現(xiàn)寬度自適應,本文給大家分享實現(xiàn)方案，代碼簡單易懂，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-09-09
這篇文章主要給大家介紹了關于從前端Vue到后端Java防重復提交的全面解決方案,通過示例講解了包括禁用提交按鈕、表單令牌、防抖與節(jié)流等前端技術,以及表單令牌驗證、數據庫唯一約束、事務隔離與鎖機制等后端技術,需要的朋友可以參考下2025-05-05
vue項目中我們可以通過行內樣式進行動態(tài)修改樣式,下面這篇文章主要給大家介紹了關于vue中如何使用定義好的變量設置css樣式的相關資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2022-03-03
Teleport是一種能夠將我們的模板移動到DOM中Vue app之外的其他位置的技術,下面這篇文章主要給大家介紹了關于Vue3中內置組件Teleport的基本使用與典型案例的相關資料,需要的朋友可以參考下2023-04-04
這篇文章主要為大家詳細介紹了vue+element ui實現(xiàn)錨點定位，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
文章主要介紹了在Vue3中使用keep-alive組件時的緩存問題及其解決方法,包括手動清除緩存、使用VueDevtools調試、自定義keep-alive邏輯、升級Vue版本、使用路由重定向和記錄keep-alive狀態(tài)等方法,幫助了解決keep-alive緩存問題,保持組件高效性和維護性2026-04-04
本文主要介紹了Vue?UI創(chuàng)建項目詳細步驟，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01
解決vue的touchStart事件及click事件沖突問題
這篇文章主要介紹了解決vue的touchStart事件及click事件沖突問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
這篇文章主要介紹了Vue-cli3.X使用px2rem遇到的問題及解決方法，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-08-08