SoFunction
Updated on 2025-04-11

How to install and use Vue project

How to install and use Vue project

1. What is

It is a simple and easy-to-use lightweight Javascript date processing class library, which provides functions such as date formatting and date parsing, and supports running in both browser and NodeJS environments.

2. Install in Vue project

npm install moment --save

3. Import

Import the component in

import moment from 'moment'//Import file('zh-cn');// Need to be Chinese.$moment = moment;//Assign value use

4. Usage

()
  • This quarter
const  start = moment().startOf('quarter').format('YYYY-MM-DD')   // startconst end = moment().endOf('quarter').format('YYYY-MM-DD')   // Finish
  • Last quarter
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')
  • This week
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')
  • Last week
const start = moment().subtract(weekOfDay + 7 - 1, 'days') .format('YYYY-MM-DD')
const end  = moment().subtract(weekOfDay, 'days') .format('YYYY-MM-DD')
  • This year
const start = moment() .year(moment().year()) .startOf('year') .format('YYYY-MM-DD')
const end = moment() .year(moment().year())  .endOf('year').format('YYYY-MM-DD')
  • last year
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')
  • today
const start=moment().startOf('day').format('YYYY-MM-DD HH:mm:ss')
const end=moment().endOf('day').format('YYYY-MM-DD HH:mm:ss')
  • yesterday
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')
  • One day before and one day after one date
starttime = moment(starttime).subtract(1,"days").format("YYYY-MM-DD");//The previous dayendtime = moment(endtime).add(1,"days").format("YYYY-MM-DD");//One day after
  • First and last day of the current month
moment().startOf('month').format("YYYY-MM-DD")
moment().endOf('month').format("YYYY-MM-DD"),

Summarize

The above is personal experience. I hope you can give you a reference and I hope you can support me more.