vue将时间戳转换成自定义时间格式的方法


Posted in Javascript onMarch 02, 2018

1、首先建立一个date.js文件,写入如下代码:

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);
};

2、在所要转换的页面引入date.js文件:

import {formatDate} from '../../date.js';

3、调用方法如下:

formatDate(new Date(time * 1000), 'yyyy-MM-dd hh:mm');

以上这篇vue将时间戳转换成自定义时间格式的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
拖动Html元素集合 Drag and Drop any item
Dec 22 Javascript
js实现数字递增特效【仿支付宝我的财富】
May 05 Javascript
浅谈关于axios和session的一些事
Jul 13 Javascript
微信小程序实现漂亮的弹窗效果
May 26 Javascript
vue用Object.defineProperty手写一个简单的双向绑定的示例
Jul 09 Javascript
vue项目base64字符串转图片的实现代码
Jul 13 Javascript
微信小程序自定义组件封装及父子间组件传值的方法
Aug 28 Javascript
解决vue-cli脚手架打包后vendor文件过大的问题
Sep 27 Javascript
使用Vue做一个简单的todo应用的三种方式的示例代码
Oct 20 Javascript
PHP实现基于Redis的MessageQueue队列封装操作示例
Feb 02 Javascript
Vue2.0实现简单分页及跳转效果
Jul 29 Javascript
vue中全局路由守卫中替代this操作(this.$store/this.$vux)
Jul 24 Javascript
Element-ui table中过滤条件变更表格内容的方法
Mar 02 #Javascript
使用vue-aplayer插件时出现的问题的解决
Mar 02 #Javascript
VUE2.0+Element-UI+Echarts封装的组件实例
Mar 02 #Javascript
vue中添加mp3音频文件的方法
Mar 02 #Javascript
JS中利用FileReader实现上传图片前本地预览功能
Mar 02 #Javascript
select标签设置默认选中的选项方法
Mar 02 #Javascript
原生JavaScript实现todolist功能
Mar 02 #Javascript
You might like
php面向对象全攻略 (二) 实例化对象 使用对象成员
2009/09/30 PHP
PHP判断变量是否为0的方法
2014/02/08 PHP
PHP基于MySQL数据库实现对象持久层的方法
2015/06/17 PHP
PHP论坛实现积分系统的思路代码详解
2020/06/01 PHP
js post方式传递提交的实现代码
2010/05/31 Javascript
javascript仿php的print_r函数输出json数据
2013/09/13 Javascript
JS执行删除前的判断代码
2014/02/18 Javascript
深入理解javascript原型链和继承
2014/09/23 Javascript
AngularJs实现ng1.3+表单验证
2015/12/10 Javascript
javascript图片延迟加载实现方法及思路
2015/12/31 Javascript
详解nodejs 文本操作模块-fs模块(五)
2016/12/23 NodeJs
bootstrap导航栏、下拉菜单、表单的简单应用实例解析
2017/01/06 Javascript
AngularJS中$injector、$rootScope和$scope的概念和关联关系深入分析
2017/01/19 Javascript
Angular多选、全选、批量选择操作实例代码
2017/03/10 Javascript
JavaScript实现类似淘宝的购物车效果
2017/03/16 Javascript
Vue resource三种请求格式和万能测试地址
2018/09/26 Javascript
vue前后分离调起微信支付
2019/07/29 Javascript
使用vue实现HTML页面生成图片的方法
2020/03/12 Javascript
JS数组的高级使用方法示例小结
2020/03/14 Javascript
Python开发的单词频率统计工具wordsworth使用方法
2014/06/25 Python
Python自动登录126邮箱的方法
2015/07/10 Python
Python for循环生成列表的实例
2018/06/15 Python
python中open函数的基本用法示例
2019/09/07 Python
如何基于python3和Vue实现AES数据加密
2020/03/27 Python
Python爬虫headers处理及网络超时问题解决方案
2020/06/19 Python
使用pygame实现垃圾分类小游戏功能(已获校级二等奖)
2020/07/23 Python
怎么解决pycharm license Acti的方法
2020/10/28 Python
餐厅采购员岗位职责
2014/03/06 职场文书
光信息科学与技术专业职业生涯规划
2014/03/13 职场文书
cf收人广告词大全
2014/03/14 职场文书
小学生评语大全
2014/04/18 职场文书
杭白菊导游词
2015/02/10 职场文书
本科毕业答辩开场白
2015/05/27 职场文书
孩子满月酒答谢词
2015/09/30 职场文书
2016年秋季运动会广播稿
2015/12/21 职场文书
从贫穷到富有,是知识技能和学习力的差别
2019/08/20 职场文书