本文章是在vue中使用moment,其在react 中使用都大同小异。
安装
npm i moment -S
引入
import moment from ‘moment‘ Vue.prototype.$moment = moment
使用
// 这里因为上面 已经 把 moment 引入 vue中了所以可以直接用 $moment
// 如果不想引入的话 也可以 在
// 相应页面 import moment from ‘moment‘
// 使用 moment().format(‘x‘)
$moment.format(‘YYYY/MM/DD HH:mm:ss‘) 为年-月-日 时:分:秒 $moment.format(‘x‘) 为毫秒时间戳 $moment.format(‘X‘) 为秒时间戳
今天
// 今天开始时间 $moment().startOf(‘day‘).format(‘YYYY/MM/DD HH:mm:ss‘); // 今天结束时间 $moment().endOf(‘day‘).format(‘YYYY/MM/DD HH:mm:ss‘);
昨天
// 昨天开始时间 $moment().day($moment().day() - 1).startOf(‘day‘).format(‘YYYY/MM/DD HH:mm:ss‘); // 昨天结束时间 $moment().day($moment().day() - 1).endOf(‘day‘).format(‘YYYY/MM/DD HH:mm:ss‘);
本周
// 本周开始时间 $moment().weekday(1).startOf(‘day‘).format(‘YYYY/MM/DD HH:mm:ss‘) // 本周结束时间 $moment().weekday(7).endOf(‘day‘).format(‘YYYY/MM/DD HH:mm:ss‘)
上周
// 上周开始时间 $moment().week($moment().week() - 1).weekday(1).startOf(‘day‘).format(‘YYYY/MM/DD HH:mm:ss‘) // 上周结束时间 $moment().week($moment().week() - 1).weekday(1).endOf(‘day‘).format(‘YYYY/MM/DD HH:mm:ss‘)
本月
// 本月开始时间 $moment().startOf(‘month‘).format(‘YYYY/MM/DD HH:mm:ss‘) // 本月结束时间 $moment().endOf(‘month‘).format(‘YYYY/MM/DD HH:mm:ss‘)
上月
// 上月开始时间 $moment().month($moment().month() - 1).startOf(‘month‘).format(‘YYYY/MM/DD HH:mm:ss‘) // 上月结束时间 $moment().month($moment().month() - 1).endOf(‘month‘).format(‘YYYY/MM/DD HH:mm:ss‘)
今年
// 今年开始时间 $moment().startOf(‘year‘).format(‘YYYY/MM/DD HH:mm:ss‘) // 今年结束时间 $moment().endOf(‘year‘).format(‘YYYY/MM/DD HH:mm:ss‘)
去年
// 去年开始时间 $moment().year($moment().year() - 1).startOf(‘year‘).format(‘YYYY/MM/DD HH:mm:ss‘) // 去年结束时间 $moment().year($moment().year() - 1).endOf(‘year‘).format(‘YYYY/MM/DD HH:mm:ss‘)