欢迎来到代码驿站!

vue

当前位置:首页 > 网页前端 > vue

vue如何使用moment处理时间戳转换成日期或时间格式

时间:2022-08-28 09:29:20|栏目: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中文官网

想具体查询参数可以点击此处跳转至moment中文官网

总结

上一篇:vue实现列表无缝滚动效果

栏    目:vue

下一篇:Vue.js响应式数据的简单实现方法(一看就会)

本文标题:vue如何使用moment处理时间戳转换成日期或时间格式

本文地址:http://www.codeinn.net/misctech/212086.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有