Vue 中使用 moment 转换日期和时间
Vue 中使用 moment 转换日期和时间
阳光的男夹克
于 2021-12-01 13:31:45 发布
806
收藏 3
分类专栏: Vue 2 文章标签: vue
版权
Vue 2
专栏收录该内容
63 篇文章3 订阅
订阅专栏
安装
npm install moment
1
在 main.js 全局引入
import moment from 'moment'
Vue.prototype.$moment = moment
1
2
常用时间格式 今天为 2021-12-1
// 时间戳转时间 2021-12-01
this.$moment(1638336553801).format('YYYY-MM-DD')
// 时间转时间戳 1638336553801
this.$moment(new Date()).valueOf()
// 获取今天 2021-12-1
this.$moment().format('YYYY-MM-DD')
// 获取今天和时间 2021-12-01 13:25:30
this.$moment().format("YYYY-MM-DD HH:mm:ss")
//只获取当前时间 13:25:30
this.$moment().format("HH:mm:ss")
// 获取当前年 2021
this.$moment().format("YYYY")
// 获取当前月 12
this.$moment().format('MM')
// 获取当前季度 4
this.$moment().quarter()
// 获取10天前 2021-11-21
this.$moment().subtract(10, "days").format("YYYY-MM-DD");
// 获取本月 ["2021-12-01", "2021-12-31"]
let date = [this.$moment().startOf('month').format('YYYY-MM-DD'), this.$moment().endOf('month').format('YYYY-MM-DD')];
// 获取近3月 ["2021-09-01", "2021-12-01"]
let date = [this.$moment().subtract(3, 'months').format('YYYY-MM-DD'),this.$moment().format('YYYY-MM-DD')];
// 获取近6月 ["2021-06-01", "2021-12-01"]
let date = [this.$moment().subtract(6, 'months').format('YYYY-MM-DD'),this.$moment().format('YYYY-MM-DD')];
// 获取近1年 ["2020-12-01", "2021-12-01"]
let date = [this.$moment().subtract(1, 'years').format('YYYY-MM-DD'),this.$moment().format('YYYY-MM-DD')];
// 获取近2年
let date = [this.$moment().subtract(2, 'years').format('YYYY-MM-DD'),this.$moment().format('YYYY-MM-DD')];
// 获取近3年
let date = [this.$moment().subtract(3, 'years').format('YYYY-MM-DD'),this.$moment().format('YYYY-MM-DD')];
1。某个时间时间戳转换成日期

data.start_at = moment(parseInt(data.start_at)).format('YYYY年MM月DD日');
————————————————
版权声明:本文为CSDN博主「阳光的男夹克」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_44640323/article/details/121653110

【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?