vue将时间戳转换成日期格式

(1)创建一个处理时间格式的js,内容如下:

                Date.prototype.Format = function(fmt) { //
                    let o = {
                        "M+" : this.getMonth()+1,                 //月份
                        "d+" : this.getDate(),                    //日
                        "h+" : this.getHours(),                   //小时
                        "m+" : this.getMinutes(),                 //分
                        "s+" : this.getSeconds(),                 //秒
                        "q+" : Math.floor((this.getMonth()+3)/3), //季度
                        "S"  : this.getMilliseconds()             //毫秒
                    };
                    if(/(y+)/.test(fmt))
                        fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
                    for(var k in o)
                        if(new RegExp("("+ k +")").test(fmt))
                            fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
                    return fmt;
                };

(2)在vue文件中需要格式化时间戳的地方,使用filters过滤器,做如下处理:


<template>
  <div class="date">{{item.pass_time | Format }}</div>
</template>
 
<script type="text/ecmascript-6">
  import {Format } from '../../utils/Format .js''
  export default {
    filters: {
      //注意:time应为格式为13位unix时间戳
      //年-月-日 时:分:秒
      Format (time) {
        time = time * 1000
        let date = new Date(time)
        console.log(new Date(time))
        return Format (date, 'yyyy-MM-dd hh:mm')
      }
      //年-月-日
      Format (time) {
        time = time * 1000
        let date = new Date(time)
        console.log(new Date(time))
        return Format (date, 'yyyy-MM-dd hh:mm')
      }
    }
  }
</script>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容