安装
npm install moment
引入(在需要用到页面引入)
import moment from 'moment'; //引入moment/
export default {
components: {},
props: {},
使用
<template>
<div class="newsInfor">
<p>{{'当前的时间:' +nowTime}}</p>
<p>{{'当前的时间,精确到秒:' +nowTimes}}</p>
<p>{{'三天前:'+lastTime}}</p>
<p>{{'今天星期几:'+week}}</p>
<P>{{'多少个小时前:'+hour}}</P>
<P>{{'当天日期:'+day}}</P>
<P>{{'当月第一天:'+startDate}}</P>
<P>{{'当月最后一天:'+endDate}}</P>
<P>{{'上一个月的当天日期:'+calendar}}</P>
</div>
</template>
export default {
components: {},
props: {},
data() {
return {
nowTime:'',
nowTimes:'',
lastTime:'',
week:'',
hour:'',
day:'',
startDate:'',
endDate:'',
calendar:''
};
},
created() {
this.nowTime = moment(new Date()).add('year',0).format("YYYY-MM-DD ");//2022-10-13 //获取当前时间
this.nowTimes = moment(new Date()).add('year',0).format("YYYY-MM-DD HH:mm:ss"); //2022-10-13 17:08:20 //获取当前时间,精确到几点几秒
this.lastTime = moment().add(-3,'d').format('YYYY-MM-DD HH:mm:ss') //2022-10-10 17:08:20 获取三天前的时间,多少天就改数字就可以了
this.week = moment().format('dddd'); //星期四
this.hour = moment().startOf('day').fromNow(); //多少个小时前
this.day = moment().format('MMM Do YYYY')//获取当天的日期
this.startDate= moment("2022-10").startOf("month").format("YYYY-MM-DD"),//获取某月的第一天,修改日期即可
this.endDate= moment("2022-10").endOf("month").format("YYYY-MM-DD") //获取某月的最后一天,修改日期即可
this.calendar = moment().subtract(1, 'month').format('YYYY-MM-DD') //上一个月的当天日期
},