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

2023-10-27,

本篇内容主要讲解“vue怎么使用moment处理时间戳转换成日期或时间格式”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“vue怎么使用moment处理时间戳转换成日期或时间格式”吧!

一、使用环境

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>

五、最终效果

到此,相信大家对“vue怎么使用moment处理时间戳转换成日期或时间格式”有了更深的了解,不妨来实际操作一番吧!这里是本站网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

《vue怎么使用moment处理时间戳转换成日期或时间格式.doc》

下载本文的Word格式文档,以方便收藏与打印。