vue时间格式化实例代码

整理文档，搜刮出一个vue时间格式化实例代码，稍微整理精简一下做下分享。

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>
  <!-- 过滤器 -->
  <div>{{time | formatDate}}</div>
  <!-- 输出结果 -->
  <!-- <div>2016-07-23 21:52</div> -->
</template>
<script>
import {formatDate} from './common/date.js';
export default {
  data() {
    return {
      time:1469281964000
    }
  },
  filters: {
    formatDate(time) {
      var date = new Date(time);
      return formatDate(date, yyyy-MM-dd hh:mm);
    }
  }
}
</script>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# vue时间格式化  # vue.js  # 时间格式化  # vue2  # vue时间转换的几种方式  # vue如何使用moment处理时间戳转换成日期或时间格式  # vue中的过滤器及其时间格式化问题  # vue将时间戳转换成自定义时间格式的方法  # vue.js将unix时间戳转换为自定义时间格式  # vue 中常见的时间格式转换  # 大家多多  # 保存为  # 文档  # 夹中  # length  # getMonth  # RegExp  # getFullYear  # substr  # getSeconds  # str  # getDate  # getHours  # getMinutes  # replace  # pre  # class  # brush  # return  # vue 

相关文章： 宁波免费建站如何选择可靠模板与平台？  建站主机功能解析：服务器选择与快速搭建指南  建站之星代理商如何保障技术支持与售后服务？  高防服务器：AI智能防御DDoS攻击与数据安全保障  官网自助建站平台指南：在线制作、快速建站与模板选择全解析  建站之星后台密码如何安全设置与找回？  外汇网站制作流程,如何在工商银行网站上做外汇买卖？  如何在阿里云购买域名并搭建网站？  建站之星收费标准详解：套餐费用及年费价格表一览  怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗？  常州企业网站制作公司,全国继续教育网怎么登录？  如何解决VPS建站LNMP环境配置常见问题？  胶州企业网站制作公司,青岛石头网络科技有限公司怎么样？  seo网站制作优化,网站SEO优化步骤有哪些？  网站规划与制作是什么,电子商务网站系统规划的内容及步骤是什么？  标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的，背景音乐、音效等？  ,交易猫的商品怎么发布到网站上去？  如何快速搭建高效WAP手机网站？  合肥做个网站多少钱,合肥本地有没有比较靠谱的交友平台？  商务网站制作工程师,从哪几个方面把握电子商务网站主页和页面的特色设计？  建站之星安装模板失败：服务器环境不兼容？  如何在景安云服务器上绑定域名并配置虚拟主机？  如何通过WDCP绑定主域名及创建子域名站点？  如何通过免费商城建站系统源码自定义网站主题与功能？  如何选择适合PHP云建站的开源框架？  深圳网站制作平台,深圳市做网站好的公司有哪些？  如何在万网自助建站平台快速创建网站？  建站主机与虚拟主机有何区别？如何选择最优方案？  宝华建站服务条款解析：五站合一功能与SEO优化设置指南  广州营销型建站服务商推荐：技术优势与SEO优化解析  中山网站制作网页,中山新生登记系统登记流程？  建站之星如何实现网站加密操作？  香港服务器租用每月最低只需15元？  如何快速查询网址的建站时间与历史轨迹？  建站主机是否等同于虚拟主机？  交易网站制作流程,我想开通一个网站，注册一个交易网址，需要那些手续？  网站制作知乎推荐,想做自己的网站用什么工具比较好？  利用JavaScript实现拖拽改变元素大小  南平网站制作公司,2025年南平市事业单位报名时间？  视频网站app制作软件,有什么好的视频聊天网站或者软件？  Python多线程使用规范_线程安全解析【教程】  如何高效利用200m空间完成建站？  广东专业制作网站有哪些,广东省能源集团有限公司官网？  学校建站服务器如何选型才能满足性能需求？  制作无缝贴图网站有哪些,3dmax无缝贴图怎么调？  相亲简历制作网站推荐大全,新相亲大会主持人小萍萍资料？  建站主机选哪种环境更利于SEO优化？  新网站制作渠道有哪些,跪求一个无线渠道比较强的小说网站，我要发表小说？  南阳网站制作公司推荐,小学电子版试卷去哪里找资源好？  如何零基础在云服务器搭建WordPress站点？