zoukankan      html  css  js  c++  java
  • vue.js怎样将时间戳转化为日期格式

    <!-- value 格式为13位unix时间戳 -->
    <!-- 10位unix时间戳可通过value*1000转换为13位格式 -->
    export function formatDate (date, fmt) {
        if (/(y+)/.test(fmt)) {
            fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
        }
        let o = {
            'M+': date.getMonth() + 1,
            'd+': date.getDate(),
            'h+': date.getHours(),
            'm+': date.getMinutes(),
            's+': date.getSeconds()
        };
        for (let k in o) {
            if (new RegExp(`(${k})`).test(fmt)) {
                let str = o[k] + '';
                fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str));
            }
        }
        return fmt;
    };
    
    function padLeftZero (str) {
        return ('00' + str).substr(str.length);
    };

     把上面代码保存为date.js放到你的公共js文件夹中。

    在你的需要格式化时间戳的组件里像下面这样使用:

    <template>
        <!-- 过滤器  time 可以使后台得到的数据,循环出来的也行 -->
        <div>{{time | formatDate}}</div>
        <!-- 输出结果 -->
        <!-- <div>2016-07-23 21:52</div> -->
    </template>
    <script>
    import {formatDate} from './common/date.js';
    export default {
        filters: {
            formatDate(time) {
                var date = new Date(time);
                return formatDate(date, 'yyyy-MM-dd hh:mm');
            }
        }
    }
    </script>

    这样就好了

  • 相关阅读:
    上机练习3
    上机练习2
    上机练习1
    第一次作业
    第二次作业
    第一次作业
    第二次作业(4)
    第二次作业(3)
    第二次作业(2)
    第二次作业(1)
  • 原文地址:https://www.cnblogs.com/haonanZhang/p/6952963.html
Copyright © 2011-2022 走看看