Vue项目如何安装使用moment.js
1、什么是moment.js
它是一个简单易用的轻量级Javascript日期处理类库,提供了日期格式化、日期解析等功能,且支持在浏览器和NodeJS两种环境中运行
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"),
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
© 版权声明
本站所有资源来自于网络,仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您(转载者)自己承担!
如有侵犯您的版权,请及时联系3500663466#qq.com(#换@),我们将第一时间删除本站数据。
如有侵犯您的版权,请及时联系3500663466#qq.com(#换@),我们将第一时间删除本站数据。
THE END
暂无评论内容