Moment.js 过滤时间格式化

最新推荐文章于 2022-05-06 16:35:18 发布

晴雨恋

最新推荐文章于 2022-05-06 16:35:18 发布

阅读量222

点赞数

分类专栏： moment格式化时间使用过滤器文章标签： moment格式化时间

本文链接：https://blog.csdn.net/weixin_45441561/article/details/102986898

版权

moment格式化时间使用过滤器专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文介绍了如何利用Moment.js库进行时间格式化的步骤。首先，通过npm安装moment，然后在项目中引用并使用它来格式化日期和时间。

摘要由CSDN通过智能技术生成

Moment.js 时间格式化

使用步骤，官网http://momentjs.cn/

npm install moment --save # npm或使用cnpm

简单的案例

 <!DOCTYPE html>
<html lang='en'>
<head>
   <meta charset='UTF-8'>
   <meta name='viewport' content='width=device-width, initial-scale=1.0'>
   <title>Document</title>
   <script type='text/javascript' src='../js/vue.js'></script>
   <script type='text/javascript' src='https://cdn.bootcss.com/moment.js/2.24.0/moment.min.js'></script>
</head>
<body>
   <div id='app'>
       {{date |  aa('YYYY-MM-DD hh:mm:ss')}}
   </div>
   <script type='text/javascript'>
       var vm = new Vue({
           el: '#app',
           data: {
              
               date:new  Date()
           },
           filters:{
               aa(msg,str){
                   return  moment(msg).format(str);     
               }
           }
       });
   </script>
</body>
</html>