vue将时间戳转换成日期格式[通俗易懂]

(1)创建一个处理时间格式的js,内容如下:exportfunctionformatDate(date,fmt){if(/(y+)/.test(fmt)){fmt=fmt.replace(RegExp.$1,(date.getFullYear()+”).substr(4-RegExp.$1.length))}leto={…

大家好,又见面了,我是你们的朋友全栈君。

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

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)
}

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

<template>
  <div class="date">{
  
  {item.pass_time | formatDate}}</div>
</template>

<script type="text/ecmascript-6">
  import {formatDate} from 'common/js/date'
  export default {
    filters: {
      formatDate(time) {
        time = time * 1000
        let date = new Date(time)
        console.log(new Date(time))
        return formatDate(date, 'yyyy-MM-dd hh:mm')
      }
    }
  }
</script>

补充:time应为格式为13位unix时间戳,如果拿到的时间戳是10位的unix时间戳,因此需要乘以1000。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/125256.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 什么是宽字节注入_百分号两个字节

    什么是宽字节注入_百分号两个字节宽字节注入原理:宽字节(两字节)带来的安全问题主要是吃ASCII字符(一字节)的现象,使用一些特殊字符来”吃掉“经过转义符“\”。在重新详细了解宽字节注入之前,我认为宽字节注入只是出现在网站使用GBK编码的时代,现在已经很少出现了,但是实际上宽字节不只是出现在GBK编码中。在PHP中,通过iconv()进行编码转换时,也可能出现宽字节注入。还有一个误区:这里的编码问题不是出现在HTML页面…

    2022年10月15日
  • retrofit2设置超时,Retrofit2 SocketTimeOutException

    retrofit2设置超时,Retrofit2 SocketTimeOutExceptionIsetupforRetrofit:privateInterceptorinterceptor=newInterceptor(){@OverridepublicResponseintercept(Chainchain)throwsIOException{Requestrequest=chain.request();if(!NetworkUtil.isNetwo…

    2022年10月19日
  • keil5安装教程[通俗易懂]

    keil5安装教程[通俗易懂]keil5安装教程第一阶段:安装mdk第一阶段:安装mdk1、下载keil5的解压包,点击运行mdk514.exe文件2、在SetupMDK-ARMV5.14界面,点击Next3、勾选Iagree,点击Next4、自定义安装(1)记住界面弹出的默认安装的路径(2)点击Browse,选择自定义安装的位置,注意路径的命名尽量与默认路径的命名形式保持一致5、…

  • shell sftp 命令大全「建议收藏」

    shell sftp 命令大全「建议收藏」byefinishyourSFTPsession结束会话cdchangeyourremoteworkingdirectory切换目录到指定的位置clearclearscreen清除当前屏幕内容exitfinishyourSFTPsession…

    2022年10月10日
  • 最新手机号段 归属地数据库(2021年10月476338条,包括最新的号段)

    最新手机号段 归属地数据库(2021年10月476338条,包括最新的号段)最新手机号段归属查询地数据库2020年3月447897条,最新手机归属地数据库,号码归属地数据库,TXT、Exel两种格式。自己买的,花了钱。包括最新的165、166、167、173、177、195、198、199、172、178、198、175、176。这里是txt格式,其他格式及最新的资源在http://dzw.se/zhl靠下方的位置上。Txt格式https://dow…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号