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 

相关文章： Android自定义控件实现温度旋转按钮效果  建站之星代理如何优化在线客服效率？  如何用PHP快速搭建CMS系统？  深圳网站制作的公司有哪些,dido官方网站？  如何用景安虚拟主机手机版绑定域名建站？  网站制作说明怎么写,简述网页设计的流程并说明原因？  建站之星后台密码如何安全设置与找回？    高防服务器租用如何选择配置与防御等级？  建站主机SSH密钥生成步骤及常见问题解答？  建站之星图片链接生成指南：自助建站与智能设计教程  西安制作网站公司有哪些,西安货运司机用的最多的app或者网站是什么？  如何在阿里云虚拟机上搭建网站？步骤解析与避坑指南  寿县云建站：智能SEO优化与多行业模板快速上线指南  深圳网站制作公司好吗,在深圳找工作哪个网站最好啊？  建站之星2.7模板：企业网站建设与h5定制设计专题  建站之星后台密码遗忘？如何快速找回？  存储型VPS适合搭建中小型网站吗？  教程网站设计制作软件,怎么创建自己的一个网站？  如何通过可视化优化提升建站效果？  开源网站制作软件,开源网站什么意思？  怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm，可以有哪些措施降低舍内氨气水平？  测试制作网站有哪些,测试性取向的权威测试或者网站？  ppt在线制作免费网站推荐,有什么下载免费的ppt模板网站？  宝塔建站后网页无法访问如何解决？  nginx修改上传文件大小限制的方法  制作国外网站的软件,国外有哪些比较优质的网站推荐？  如何用5美元大硬盘VPS安全高效搭建个人网站？  天津个人网站制作公司,天津网约车驾驶员从业资格证官网？  建站之星云端配置指南：模板选择与SEO优化一键生成  西安大型网站制作公司,西安招聘网站最好的是哪个？  ,巨量百应是干嘛的？  公司网站制作费用多少,为公司建立一个网站需要哪些费用？  韩国代理服务器如何选？解析IP设置技巧与跨境访问优化指南  建设网站制作价格,怎样建立自己的公司网站？  建站主机与服务器功能差异如何区分？  b2c电商网站制作流程,b2c水平综合的电商平台？  网站制作知乎推荐,想做自己的网站用什么工具比较好？  如何在腾讯云服务器上快速搭建个人网站？  简历在线制作网站免费版,如何创建个人简历？  阿里云网站制作公司,阿里云快速搭建网站好用吗？  网站设计制作公司地址,网站建设比较好的公司都有哪些？  如何在云指建站中生成FTP站点？  宠物网站制作html代码,有没有专门介绍宠物如何养的网站啊？  如何在建站主机中优化服务器配置？  建站之星安装模板失败：服务器环境不兼容？  如何选择服务器才能高效搭建专属网站？  建站之星价格显示格式升级，你的预算足够吗？  建站之星五站合一营销型网站搭建攻略，流量入口全覆盖优化指南  临沂网站制作公司有哪些,临沂第四中学官网？