vue如何使用moment处理时间戳转换成日期或时间格式
更新时间：2022年03月19日 16:59:42 作者：zx_20220104
这篇文章主要给大家介绍了关于vue如何使用moment处理时间戳转换成日期或时间格式的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者vue具有一定的参考学习价值,需要的朋友可以参考下
一、使用环境
Moment 被设计为在浏览器和 Node.js 中都能工作。
所有的代码都应该在这两种环境中都可以工作，并且所有的单元测试都应该在这两种环境中运行。
CI 系统当前使用以下的浏览器：Windows XP 上的 Chrome，Windows 7 上的 IE 8、9 和 10，Windows 10 上的 IE 11，Linux 上最新的 Firefox，OSX 10.8 和 10.11 上最新的 Safari。
如果您想尝试以下的示例代码，则只需打开浏览器的控制台并输入即可。
二、安装moment
npm i moment
三、在vue所需页面进行引入
import moment from 'moment'
四、具体实现看如下代码
<template>
<p>{{times | Time }}</p>
</template>
<script>
import moment from 'moment'; //处理时间
export default {
data() {
return {
}
},
filters: {
Time(e) { //处理时间
return moment(parseInt(e)).format('YYYY-MM-DD HH:mm:ss');
}
}
}
</script>
五、最终效果
六、moment中文官网
总结
到此这篇关于vue如何使用moment处理时间戳转换成日期或时间格式的文章就介绍到这了,更多相关vue用moment处理时间戳转内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了Vue组件间通信方式全面汇总，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧2023-04-04
vue3+vue-cli4中使用svg的方式详解(亲测可用)
最近在做个vue的项目,从各种github上的开源库上借鉴开发方法,给大家分享下,这篇文章主要给大家介绍了关于vue3+vue-cli4中使用svg的相关资料,需要的朋友可以参考下2022-08-08
这篇文章主要介绍了详解如何在Vue里建立长按指令，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
最近接了个小活,其中甲方要求把vue项目打包成exe安装在windows上,其中有也会出现一些小问题和优化,特此记录,这篇文章主要给大家介绍了关于将vue项目打包成电脑端应用.exe的完整步骤,需要的朋友可以参考下2023-10-10
这篇文章主要介绍了详解Vue2.0之去掉组件click事件的native修饰,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-04-04
element tree懒加载:load="loadNode"只触发一次的解决方案
本文主要介绍了element tree懒加载:load="loadNode"只触发一次的解决方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-08-08
Vue+Vite项目初建(axios+Unocss+iconify)的实现
一个好的项目开始搭建总是需要配置许多初始化配置,本文就来介绍一下Vue+Vite项目初建(axios+Unocss+iconify)的实现,具有一定的参考价值,感兴趣的可以了解一下2024-02-02
这篇文章主要介绍了vue 动态添加class,三个以上的条件做判断方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
这篇文章介绍了VUE中v-if与v-show的区别，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-03-03
这篇文章主要介绍了关于vue的路由模式及修改方法，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-03-03
最新评论