亲宝软件园·资讯

展开

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

zx_20220104 人气:1
想了解vue怎样使用moment处理时间戳转换成日期或时间格式的相关内容吗,zx_20220104在本文为您仔细讲解vue用moment处理时间戳转换的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:moment转换时间戳,vue时间戳转换成时间,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中文官网

总结

加载全部内容

相关教程
猜你喜欢
用户评论