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下利用js实现返回上一页的实现方法小集
Nov 24 Javascript
extjs 如何给column 加上提示
Jul 29 Javascript
JS中获取函数调用链所有参数的方法
May 07 Javascript
jQuery实现图片渐入渐出切换展示效果
Aug 15 Javascript
使用JS批量选中功能实现更改数据库中的status状态值(批量展示)
Nov 22 Javascript
jQuery插件zTree实现的多选树效果示例
Mar 08 Javascript
jQuery+Ajax实现用户名重名实时检测
Jun 01 jQuery
JavaScript编写的网页小游戏,很给力
Aug 18 Javascript
提升页面加载速度的插件InstantClick
Sep 12 Javascript
vue-cli构建vue项目的步骤详解
Jan 27 Javascript
RxJS在TypeScript中的简单使用详解
Apr 13 Javascript
JS数组Reduce方法功能与用法实例详解
Apr 29 Javascript
如何使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
微信公众平台DEMO(PHP)
2016/05/04 PHP
PHP实现QQ登录的开原理和实现过程
2018/02/04 PHP
找到一点可怜的关于dojo资料,谢谢作者!
2006/12/06 Javascript
js select常用操作控制代码
2010/03/16 Javascript
window.open不被拦截的实现代码
2012/08/22 Javascript
js获取网页高度(详细整理)
2012/12/28 Javascript
非常好用的JsonToString 方法 简单实例
2013/07/18 Javascript
jquery ready函数、css函数及text()使用示例
2013/09/27 Javascript
JavaScript数值数组排序示例分享
2014/05/27 Javascript
jQuery插件ajaxFileUpload实现异步上传文件效果
2015/04/14 Javascript
javascript实现在下拉列表中显示多级树形菜单的方法
2015/08/12 Javascript
基于JavaScript实现瀑布流布局(二)
2016/01/26 Javascript
概述javascript在Google IE中的调试技巧
2016/11/24 Javascript
jQuery实现的事件绑定功能基本示例
2017/10/11 jQuery
JS实现多物体运动的方法详解
2018/01/23 Javascript
vue-cli2.x项目优化之引入本地静态库文件的方法
2018/06/19 Javascript
最适应的vue.js的form提交涉及多种插件【推荐】
2018/08/27 Javascript
快速解决vue-cli在ie9+中无效的问题
2018/09/04 Javascript
electron中使用bootstrap的示例代码
2018/11/06 Javascript
javascript中call()、apply()的区别
2019/03/21 Javascript
[02:42]决战东方!DOTA2亚洲邀请赛重启荣耀之争
2017/03/17 DOTA
python numpy数组的索引和切片的操作方法
2018/10/20 Python
python实现windows壁纸定期更换功能
2019/01/21 Python
Pandas统计重复的列里面的值方法
2019/01/30 Python
Python利用heapq实现一个优先级队列的方法
2019/02/03 Python
python学习——内置函数、数据结构、标准库的技巧(推荐)
2019/04/18 Python
详解Pandas之容易让人混淆的行选择和列选择
2019/07/10 Python
详解Django中views数据查询使用locals()函数进行优化
2020/08/24 Python
Jabra捷波朗美国官网:用于办公、车载和运动的无线蓝牙耳麦
2017/02/01 全球购物
真正的英国宝藏:Mappin & Webb
2019/05/05 全球购物
小饰品店的创业计划书范文
2013/12/28 职场文书
股东授权委托书
2014/10/15 职场文书
民事申诉状范本
2015/05/20 职场文书
开业庆典致辞
2015/08/01 职场文书
Golang并发操作中常见的读写锁详析
2021/08/30 Golang
Spring boot实现上传文件到本地服务器
2022/08/14 Java/Android