当前位置:主页 > 网页前端 > 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中文官网

总结

您可能感兴趣的文章:

相关文章