zoukankan      html  css  js  c++  java
  • vue和angular中moment.js格式化时间插件

    1.安装

    npm install moment --save

    2.vue中定义时间格式化全局过滤器,filter第一个参数是函数名 第二个是格式化时间处理的函数

    import moment from 'moment';
    // 中文简体
    moment.locale('zh-cn');
    Vue.filter('dateformat', (dataStr, pattern = 'YYYY-MM-DD HH:mm:ss') =>{
        return moment(dataStr).format(pattern)
    })

    3.调用

            <el-table-column label="创建时间">
              <template slot-scope="scope">
                {{scope.row.add_time | dateformat('YYYY-MM-DD HH:mm:ss')}}
              </template>
            </el-table-column方法二
    1.安装
    npm install moment --save
    2.所需要的组件中引入
    let moment = require("moment");
    // 中文简体
    moment.locale('zh-cn');
    export default {
      data() {
        return {}
      }
    }
    3.使用
    
    this.add_time = moment(this.add_time).format('YYYY-MM-DD')//2019-07-10 09:15:18
    
    
    
    代码的搬运工:原博主链接:https://www.jianshu.com/p/345e7b86f94d


    angular中moment的使用
    1.载入
    import * as moment from 'moment';
    
    

    2.使用

         v.uploadTime = moment(v.uploadTime).format('YYYY-MM-DD HH:mm:ss');
     
  • 相关阅读:
    git 操作
    移动端Web开发注意事项(响应式)
    jQuery插件通用写法
    关于清除浮动(BFC),float和inline-block
    js和css的顺序关系及js加载执行优化探索
    表单验证
    日期比较
    常用正则表达式
    js事件线程机制和异步执行
    阻止事件冒泡
  • 原文地址:https://www.cnblogs.com/wsm777/p/13699293.html
Copyright © 2011-2022 走看看