Vue項目安裝使用moment.js方式
更新時間：2024年11月18日 14:52:30 作者：龍哥里格隆
文章介紹了如何在Vue項目中安裝和使用moment.js,包括安裝步驟、導入方法、漢化設置以及在Vue實例中使用moment.js進行日期處理
Vue項目如何安裝使用moment.js
1、什么是moment.js
它是一個簡單易用的輕量級Javascript日期處理類庫，提供了日期格式化、日期解析等功能，且支持在瀏覽器和NodeJS兩種環(huán)境中運行
2、Vue項目中安裝
npm install moment --save
3、導入
在main.js中導入該組件
import moment from 'moment'//導入文件
moment.locale('zh-cn');//需要漢化
Vue.prototype.$moment = moment;//賦值使用4、用法
this.moment()
- 本季度
const start = moment().startOf('quarter').format('YYYY-MM-DD') // 開始
const end = moment().endOf('quarter').format('YYYY-MM-DD') // 結束- 上個季度
const start = moment().quarter(moment().quarter() - 1).startOf('quarter').format('YYYY-MM-DD')
const end = moment().quarter(moment().quarter() - 1).endOf('quarter').format('YYYY-MM-DD')- 本周
const start = moment().startOf('week') .add(1, 'day').format('YYYY-MM-DD HH:mm:ss')
const end = moment().endOf('week').add(1, 'day').format('YYYY-MM-DD HH:mm:ss')- 上周
const start = moment().subtract(weekOfDay + 7 - 1, 'days') .format('YYYY-MM-DD')
const end = moment().subtract(weekOfDay， 'days') .format('YYYY-MM-DD')- 本年
const start = moment() .year(moment().year()) .startOf('year') .format('YYYY-MM-DD')
const end = moment() .year(moment().year()) .endOf('year').format('YYYY-MM-DD')- 去年
const start = moment().year(moment().year() - 1).startOf('year') .format('YYYY-MM-DD')
const end = moment() .year(moment().year() - 1) .endOf('year') .format('YYYY-MM-DD')- 今天
const start=moment().startOf('day').format('YYYY-MM-DD HH:mm:ss')
const end=moment().endOf('day').format('YYYY-MM-DD HH:mm:ss')- 昨天
const start= moment().subtract('days',1).startOf('days').format('YYYY-MM-DD HH:mm:ss')
const end=moment().subtract('days',1).endOf('days').format('YYYY-MM-DD HH:mm:ss')- 某一日期前一天后一天
starttime = moment(starttime).subtract(1,"days").format("YYYY-MM-DD");//前一天
endtime = moment(endtime).add(1,"days").format("YYYY-MM-DD");//后一天- 當前月份的第一天&最后一天
moment().startOf('month').format("YYYY-MM-DD")
moment().endOf('month').format("YYYY-MM-DD"),總結
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了Vue.set 全局操作,結合簡單實例形式分析了Vue.set 全局操作相關使用技巧與注意事項,需要的朋友可以參考下2019-09-09
這篇文章主要介紹了vue路由對不同界面進行傳參及跳轉(zhuǎn)的總結，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
這篇文章主要介紹了Vue安裝Element?Plus全過程,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
vue路由傳參的使用場景一般都是應用在父路由跳轉(zhuǎn)到子路由時，攜帶參數(shù)跳轉(zhuǎn)，本文將詳細介紹vue路由傳參的三種方式，這三種傳參方式只是針對vue?Router?V3版本的,需要的朋友可以參考下2023-07-07
本篇文章主要介紹了Vue-Cli中自定義過濾器的實現(xiàn)代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
這篇文章主要為大家詳細介紹了Vue2組件tree實現(xiàn)無限級樹形菜單，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
這篇文章主要介紹了結合axios對項目中的api請求進行封裝操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
vue中語音播報,目前本人寫的過程中,遇到了兩種情況,第一種是后端直接返回一個mp3的播放url,第二種就是播報的內(nèi)容需要前端自己拼接的,關于兩種方法,我都說一下如何實現(xiàn),感興趣的朋友一起看看吧2024-07-07
這篇文章主要介紹了?vue3??mixin?混入使用方法，mixin?混入，提供了一種非常靈活的方式，來分發(fā)?vue?組件中的可復用功能，一個mixin?對象可以包含任意組件選項，當組件使用?mixin?對象時，所有的?mixin?對象的選項將被混入組件本身的選項。,需要的朋友可以參考一下2021-11-11
vue項目使用typescript創(chuàng)建抽象類及其使用方式
這篇文章主要介紹了vue項目使用typescript創(chuàng)建抽象類及其使用方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03