vue.js将时间戳转化为日期格式的实现代码


Posted in Javascript onJune 05, 2018

看看下面的代码吧,具体代码如下所示:

<!-- value 格式为13位unix时间戳 -->
<!-- 10位unix时间戳可通过value*1000转换为13位格式 -->
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>
  <!-- 过滤器 time 可以使后台得到的数据,循环出来的也行 -->
  <div>{{time | formatDate}}</div>
  <!-- 输出结果 -->
  <!-- <div>2016-07-23 21:52</div> -->
</template>
<script>
import {formatDate} from './common/date.js';
export default {
  filters: {
    formatDate(time) {
      var date = new Date(time);
      return formatDate(date, 'yyyy-MM-dd hh:mm');
    }
  }
}
</script>

总结

以上所述是小编给大家介绍的vue.js将时间戳转化为日期格式的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
ASP.NET jQuery 实例3 (在TextBox里面阻止复制、剪切和粘贴事件)
Jan 13 Javascript
Javascript 面向对象编程(coolshell)
Mar 18 Javascript
js图片延迟加载的实现方法及思路
Jul 22 Javascript
js带点自动图片轮播幻灯片特效代码分享
Sep 07 Javascript
JS从一组数据中找到指定的单条数据的方法
Jun 02 Javascript
jQuery简单实现页面元素置顶时悬浮效果示例
Aug 01 Javascript
解决Window10系统下Node安装报错的问题分析
Dec 13 Javascript
node实现的爬虫功能示例
May 04 Javascript
Vue.directive使用注意(小结)
Aug 31 Javascript
详解vue2.6插槽更新v-slot用法总结
Mar 09 Javascript
纯 JS 实现放大缩小拖拽功能(完整代码)
Nov 25 Javascript
vue实现简易音乐播放器
Aug 14 Vue.js
如何使node也支持从url加载一个module详解
Jun 05 #Javascript
Js中将Long转换成日期格式的实现方法
Jun 05 #Javascript
JS非行间样式获取函数的实例代码
Jun 05 #Javascript
JavaScript实现读取与输出XML文件数据的方法示例
Jun 05 #Javascript
Node错误处理笔记之挖坑系列教程
Jun 05 #Javascript
Vue项目中跨域问题解决方案
Jun 05 #Javascript
Vue多系统切换实现方案
Jun 05 #Javascript
You might like
PHP模拟http请求的方法详解
2016/11/09 PHP
深入理解PHP中mt_rand()随机数的安全
2017/10/12 PHP
在laravel中实现事务回滚的方法
2019/10/10 PHP
js 居中漂浮广告
2010/03/21 Javascript
offsetParent 算法分析
2010/04/05 Javascript
来自国外的30个基于jquery的Web下拉菜单
2012/06/22 Javascript
Javascript监视变量变化的方法
2015/06/09 Javascript
JS常见问题之为什么点击弹出的i总是最后一个
2016/01/05 Javascript
JavaScript的instanceof运算符学习教程
2016/06/08 Javascript
JavaScript判断是否是微信浏览器
2016/06/13 Javascript
JS产生随机数的用法小结
2016/12/10 Javascript
angularjs 实现带查找筛选功能的select下拉框实例
2017/01/11 Javascript
ReactNative Image组件使用详解
2017/08/07 Javascript
jquery动态添加带有样式的HTML标签元素方法
2018/02/24 jQuery
通过js动态创建标签,并设置属性方法
2018/02/24 Javascript
js捆绑TypeScript声明文件的方法教程
2018/04/13 Javascript
nodejs读取本地中文json文件出现乱码解决方法
2018/10/10 NodeJs
vue中的router-view组件的使用教程
2018/10/23 Javascript
Node.js 路由的实现方法
2019/06/05 Javascript
JavaScript实现联动菜单特效
2020/01/07 Javascript
js实现双人五子棋小游戏
2020/05/28 Javascript
vue 手机物理监听键+退出提示代码
2020/09/09 Javascript
[48:12]Secret vs Optic Supermajor 胜者组 BO3 第三场 6.4
2018/06/05 DOTA
pip 错误unused-command-line-argument-hard-error-in-future解决办法
2014/06/01 Python
python3序列化与反序列化用法实例
2015/05/26 Python
Python利用正则表达式实现计算器算法思路解析
2018/04/25 Python
Django中ajax发送post请求 报403错误CSRF验证失败解决方案
2019/08/13 Python
python同时遍历两个list用法说明
2020/05/02 Python
python 视频下载神器(you-get)的具体使用
2021/01/06 Python
村抢险救灾方案
2014/05/09 职场文书
法定代表人身份证明书(含说明)
2014/10/02 职场文书
优秀班组事迹材料
2014/12/24 职场文书
高并发下Redis如何保持数据一致性(避免读后写)
2022/03/18 Redis
详解Alibaba Java诊断工具Arthas查看Dubbo动态代理类
2022/04/08 Java/Android
Python通过loop.run_in_executor执行同步代码 同步变为异步
2022/04/11 Python
keepalived + nginx 实现高可用方案
2022/12/24 Servers