首页 > 其他分享 >Vue 中使用 moment 转换日期和时间

Vue 中使用 moment 转换日期和时间

时间:2022-09-06 15:22:59浏览次数:80  
标签:Vue format MM DD 日期 YYYY moment 2021

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。某个时间时间戳转换成日期

  moment(时间戳 ).format("YYYYMMDD")   2。获取某个日期当月的最后一天 moment(“2019-04-05”).endOf('month').format("YYYYMMDD")   ----》“20190430”   3.获取前天的日期 moment(new Date()).add(-2,'days').format('YYYYMMDD')   4.获取后天的日期 moment(new Date()).add(+2,'days').format('YYYYMMDD')   5.将  “Thu Jun 27 2019 15:11:32 GMT+0800 (中国标准时间)”这种格式转成时间戳 var d = moment(val).hours(23).minutes(59).seconds(59).valueOf() 再parseInt(d/1000);  

 

 

 

 

 

 

       data.start_at = moment(parseInt(data.start_at)).format('YYYY年MM月DD日');

分类: AngularJS


————————————————
版权声明:本文为CSDN博主「阳光的男夹克」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_44640323/article/details/121653110

 

标签:Vue,format,MM,DD,日期,YYYY,moment,2021
From: https://www.cnblogs.com/webSnow/p/16661925.html

相关文章

  • 创建 vue项目的详细步骤
    以vue2为例一、创建并初始化项目1、vscode打开一个空文件夹,打开终端2、终端运行:vuecreate【项目名】##注意项目名不要用驼峰标识,可以用“-”连接3、按上下键选择......
  • vue3项目的创建与初始化(vite)
    node:16版本npm:8版本一、创建1.以下代码:注意my-vue-app为即将创建项目的名字,可以自行更改#npm6.xnpmcreatevite@latestmy-vue-app--templatevue#npm......
  • vue3——toRaw 与 markRaw
    toRaw:作用:将一个由reactive生成的响应式对象转为普通对象。使用场景:用于读取响应式对象对应的普通对象,对这个普通对象的所有操作,不会引起页面更新。markRaw:作......
  • vue大文件上传解决方案(500M以上)
    ​4GB以上超大文件上传和断点续传服务器的实现随着视频网站和大数据应用的普及,特别是高清视频和4K视频应用的到来,超大文件上传已经成为了日常的基础应用需求。但是在很......
  • Vue.$set的用法
    向响应式对象中添加一个属性,并确保这个新属性同样是响应式的,且触发视图更新。它必须用于向响应式对象上添加新属性,因为Vue无法探测普通的新增属性(比如this.myObject.n......
  • 使用vue-cli3离线创建项目
    第一步:下载vue-templates/webpack 地址https://github.com/vuejs-templates/webpack 第二步:将下载包解压到本地用户目录下的.vue-templates目录下并将webpack-devel......
  • NET5配合vue3图片上传
    NET5配合vue3图片上传后端函数///<summary>///上传文件///</summary>///<paramname="files">文件流</param>///<ret......
  • VUE 如何将父组件中的数据传递到子组件中
    在我们的项目中我们使用axios进行异步调用。因为异步调用的问题,如果我不采取手段,子页面没有办法获得父页面中的数据,页面将会显示为没有数据。  问题和解决这个......
  • vue2进阶vue3环境搭建
    一、cli升级sudocnpminstall-g@vue/cli二、查看版本vue--version 目前最新为 @vue/cli5.0.8 vue/cli要4.0以上的版本才有创建vue3的模版 三、升级node......
  • 查看vue版本的方法
    在项目下npmlistvue 或者直接查看package.json文件......