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。

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

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

(0)
上一篇 2022年4月5日 上午8:35
下一篇 2022年4月5日 上午9:00


相关推荐

  • dhcp服务器异常怎么修复,DHCP服务异常(图文)

    dhcp服务器异常怎么修复,DHCP服务异常(图文)导读 DHCP 服务异常 下面就是 191 路由网整理的网络知识百科 来看看吧 大家好 我是 191 路由器网小编 上述问题将由我为大家讲解 DHCP 服务异常的原因及解决方法 1 关闭 DHCP 服务 重启路由器 再开启 DHCP 服务 还原默认值 2 按 保持 5 秒 路由器的重置 RESET 按钮之后 等到所有的指示灯一起亮 重置成功 3 重置成功之后 还需要再对路由器设置一下 有向导 因为此时已还原到出厂默

    2026年3月16日
    2
  • 【池化选择】全局最大池化和全局平均池化的实验分析

    根据MIT的LearningDeepFeaturesforDiscriminativeLocalization论文中的描述,在使用类响应图classactivationmapping(CAM)对比全局平均池化Globalaveragepooling(GAP)vs全局最大池化globalmaxpooling(GMP):类响应图示例:…

    2022年4月9日
    348
  • pycharm过期时间_pycharm自带python吗

    pycharm过期时间_pycharm自带python吗用cleanmyMac查看。右键在finder中显示可以找到文件位置。image.png/Users/xxx/Library/Saved\Application\State/com.jetbrains.pycharm.savedState/Users/xxx/Library/Preferences/com.jetbrains.pycharm.plistPycharm用30天就过期,文件是在co…

    2022年8月26日
    8
  • eclipse中没有SERVER的解决办法(详细版)

    eclipse中没有SERVER的解决办法(详细版)用 eclipese 写网页很多时候需要配置 tomcat 但有些朋友跟着网上的教程配置发现 eclipse gt Window gt Preferences 里没有 server 从而配置不了 RuntimeEnvir 所以需要通过 eclipse 进行安装 下面给出解决办法首先 获取你的 eclipse 的版本类型 点击 help gt abouteclipse

    2026年3月26日
    2
  • 月之暗面开源16B轻量级多模态视觉语言模型!Kimi-VL:推理仅需激活2.8B,支持128K上下文与高分辨率输入

    月之暗面开源16B轻量级多模态视觉语言模型!Kimi-VL:推理仅需激活2.8B,支持128K上下文与高分辨率输入

    2026年3月12日
    3
  • spring事务隔离级别与数据库事务隔离级别的关系

    spring事务隔离级别与数据库事务隔离级别的关系一直没搞清楚 spring 事务与数据库事务与锁之间的关系 spring 事务 spring 事务本质上使用数据库事务 而数据库事务本质上使用数据库锁 所以 spring 事务本质上使用数据库锁 开启 spring 事务意味着使用数据库锁 那么事务的隔离级别与锁有什么关系呢 本人认为事务的隔离级别是通过锁的机制实现的 事务的隔离级别是数据库开发商根据业务逻辑的实际需要定义的一组锁的使用策略 当我们将数据库的隔离级别定义为某一级别后如仍不能满足要求 我们可以自定义 sql 的锁来覆盖事务隔离级别默认的锁机制

    2026年3月26日
    1

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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