vue中通过monment.js插件来将时间戳转换为常用的时间格式

在项目中很多时候需要展示时间信息，我们一般都是用时间戳来传输时间信息，但是我们在页面展示的话是我们想要的常见格式，比如：2021-4-29，这种的形式，在vue中的话我们可以去下载一个第三方的时间插件monment.js,用来专门处理时间的一个插件。

插件官方地址：http://momentjs.cn/

1.下载与安装

//通过npm去安装下载
npm install moment --save

2.在项目中引用和配置

//在main.js中引入注册
import moment from 'moment'

3.创建一个全局时间转换过滤器

//我们可以通过全局过滤器的方式正在main.js配置一个全局的时间格式转换过滤器// 我们最常用的就是moment(a).format('YYYY-MM-DD HH:mm:ss')这个方法去处理时间,a是你传入的时间戳，format里是你要对时间转换成哪种格式
// 时间过滤器
Vue.filter('formonment',function(v,pattern){ return  moment(v).format(pattern)
})

4.页面中使用

//可以通过在过滤器中传入参数定义你要转换的格式
{{（要转换的时间戳） | formonment('YYYY-MM-DD HH:mm:ss')}}

moment(a).format(‘YYYY-MM-DD HH:mm:ss’)的效果如下：

我们还可以进行自定义的修改

 {{（要转换的时间戳）| formonment('YYYY年-MM月-DD日 HH时:mm分:ss秒')}}

5.monment.js的时间令牌配置表

vue中通过monment.js插件来将时间戳转换为常用的时间格式相关推荐

vue中使用pdf.js插件打包后不显示插件及打包后动态修改接口地址
最近写了一个项目需要在线展示pdf 实现方法是下载该插件并解压放到 static文件夹中地址:http://mozilla.github.io/pdf.js/ 我在项目中使用iframe嵌套的方式 ...
vue中config/index.js:配置的详细理解
当我们需要和后台分离部署的时候,必须配置config/index.js: 用vue-cli 自动构建的目录里面 (环境变量及其基本变量的配置) 1 2 3 4 5 6 7 8 9 10 11 12 ...
Vue之引用第三方JS插件,CKPlayer使用
前言: 不管是VUE还是Angular,有时候我们需要使用到一些js插件,但是的源库中并没有相应的插件包,这个时候我们需要如何引入并且使用呢?这个问题其实非常简单,接下来我以VUE为例写给大家介绍一下 ...
在vue中使用海康插件实现视频监控,视频直播方法一(RTMP流加Flash加videoJS)
在vue中使用海康插件实现视频监控,视频直播方法一(RTMP流加Flash加videoJS) 第一步用npm装这个几个包 "video.js": "^6.6.0&quo ...
在vue中使用海康插件实现视频实时监控(海康插件)
在vue中使用海康插件实现视频实时监控(海康插件) 首先下载并安装海康插件 webcontrol.exe 然后直接就写代码把,所有方法都是海康他们直接封装好的demo 初始化之后,后台把密钥和一些 ...
vue js 定义对象_JS标准内置对象Proxy及Vue中的proxy.js文件
昔登铜井望法华,葱茏螺黛浮蒹葭.今登法华望铜井,湖水迷茫烟色瞑.-- <登法华寺山顶> Proxy是什么 Proxy是JS标准内置对象中的一个对象.用于创建一个对象的代理.从而实现对对象操 ...
vue中解决three.js出现内存泄漏丢失上下文问题
vue中解决three.js出现内存泄漏丢失上下文问题参考文章: (1)vue中解决three.js出现内存泄漏丢失上下文问题 (2)https://www.cnblogs.com/lichuank ...
如何在 Vue 中使用 Chart.js - 手把手教你搭可视化数据图表
本文首发:<如何在 Vue 中使用 Chart.js - 手把手教你搭可视化数据图表> 使用 Chart.js 在 Vue 搭建的后台管理工具里添加炫酷的图表,是所有数据展示类后台必备的功 ...
在vue中使用three.js
vue中使用three.js vue 安装: npm install --save three 在要使用的页面中引入three.js import * as Three from 'three' 参考 ...

vue中通过monment.js插件来将时间戳转换为常用的时间格式

vue中通过monment.js插件来将时间戳转换为常用的时间格式

1.下载与安装

2.在项目中引用和配置

3.创建一个全局时间转换过滤器

4.页面中使用

5.monment.js的时间令牌配置表

vue中通过monment.js插件来将时间戳转换为常用的时间格式相关推荐

最新文章

热门文章