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 相关文章推荐
JavaScript的面向对象(二)
Nov 09 Javascript
JavaScript 仿关机效果的图片层
Dec 26 Javascript
传智播客学习之java 反射
Nov 22 Javascript
jQuery实现在textarea指定位置插入字符或表情的方法
Mar 11 Javascript
JS弹出对话框实现方法(三种方式)
Dec 18 Javascript
JS实现部分HTML固定页面顶部随屏滚动效果
Dec 24 Javascript
JavaScript时间操作之年月日星期级联操作
Jan 15 Javascript
JavaScript利用HTML DOM进行文档操作的方法
Mar 28 Javascript
jQuery实现加入收藏夹功能(主流浏览器兼职)
Dec 24 Javascript
jquery实现异步加载图片(懒加载图片一种方式)
Apr 24 jQuery
jQuery pager.js 插件动态分页功能实例分析
Aug 02 jQuery
详解Nuxt.js 实战集锦
Nov 19 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
PHP和Mysqlweb应用开发核心技术-第1部分 Php基础-2 php语言介绍
2011/07/03 PHP
php中Smarty模板初体验
2011/08/08 PHP
php防止伪造数据从地址栏URL提交的方法
2014/08/24 PHP
php实现点击可刷新验证码
2015/11/07 PHP
Zend Framework教程之Zend_Registry对象用法分析
2016/03/22 PHP
js中将多个语句写成一个语句的两种方法小结
2007/12/08 Javascript
jquery向.ashx文件post中文乱码问题的解决方法
2011/03/28 Javascript
js 3种归并操作的实例代码
2013/10/30 Javascript
在js文件中写el表达式取不到值的原因及解决方法
2013/12/23 Javascript
IE中JS跳转丢失referrer问题的2个解决方法
2014/07/18 Javascript
javascript 实现map集合
2015/04/03 Javascript
JavaScript前端开发之实现二进制读写操作
2015/11/04 Javascript
详解JS对象封装的常用方式
2016/12/30 Javascript
Angular实现点击按钮后在上方显示输入内容的方法
2017/12/27 Javascript
JS 设计模式之:工厂模式定义与实现方法浅析
2020/05/06 Javascript
跟老齐学Python之玩转字符串(1)
2014/09/14 Python
python 垃圾收集机制的实例详解
2017/08/20 Python
Python爬取商家联系电话以及各种数据的方法
2018/11/10 Python
python urllib爬虫模块使用解析
2019/09/05 Python
Python使用QQ邮箱发送邮件报错smtplib.SMTPAuthenticationError
2019/12/20 Python
印尼最大的在线购物网站:MatahariMall.com
2016/08/26 全球购物
Yummie官方网站:塑身衣和衣柜必需品
2019/10/29 全球购物
斯福泰克软件测试面试题
2015/02/16 面试题
请用Java实现列出某个目录下的所有文件
2013/09/23 面试题
应届生文秘专业个人自荐信格式
2013/09/21 职场文书
成教自我鉴定
2013/10/27 职场文书
物业工作计划书
2014/01/10 职场文书
认识深刻的检讨书
2014/02/16 职场文书
2014年女职工工作总结
2014/11/27 职场文书
2015年档案管理员工作总结
2015/05/13 职场文书
小学生家长意见
2015/06/03 职场文书
三八妇女节主持词
2015/07/04 职场文书
小学三年级语文教学反思
2016/03/03 职场文书
2016年小学圣诞节活动总结
2016/03/31 职场文书
教你使用一行Python代码玩遍童年的小游戏
2021/08/23 Python
JavaScript实现简单的音乐播放器
2022/08/14 Javascript