乘风原创程序

  • vue如何使用moment处理时间戳转换成日期或时间格式
  • 2022/3/19 10:38:00
  • 一、使用环境

    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如何使用moment处理时间戳转换成日期或时间格式的文章就介绍到这了,更多相关vue用moment处理时间戳转内容请搜索本教程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持本教程网!