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 相关文章推荐
基于node.js的快速开发透明代理
Dec 25 Javascript
Jquery 数据选择插件Pickerbox使用介绍
Aug 24 Javascript
js window.print实现打印特定控件或内容
Sep 16 Javascript
jquery实现的网页自动播放声音
Apr 30 Javascript
项目实践一图片上传之form表单还是base64前端图片压缩(前端图片压缩)
Jul 28 Javascript
Angularjs结合Bootstrap制作的一个TODO List
Aug 18 Javascript
JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法
Sep 21 Javascript
浅谈vue-router 路由传参的方法
Dec 27 Javascript
微信小程序中this.data与this.setData的区别详解
Sep 17 Javascript
vue 解决移动端弹出键盘导致页面fixed布局错乱的问题
Nov 06 Javascript
ES6 class类链式继承,实例化及react super(props)原理详解
Feb 15 Javascript
使用JavaScript通过前端发送电子邮件
May 22 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程序效率优化的一些策略小结
2010/07/17 PHP
php下利用curl判断远程文件是否存在的实现代码
2011/10/08 PHP
php编写批量生成不重复的卡号密码代码
2015/05/14 PHP
js实现页面打印功能实例代码(附去页眉页脚功能代码)
2009/12/15 Javascript
JavaScript 代码压缩工具小结
2012/02/27 Javascript
alert和confirm功能介绍
2014/05/21 Javascript
js禁止页面刷新与后退的方法
2015/06/08 Javascript
JavaScript设置表单上传时文件个数的方法
2015/08/11 Javascript
总结几道关于Node.js的面试问题
2017/01/11 Javascript
原生js实现对Ajax的封装(仿jquery)
2017/01/22 Javascript
在js中做数字字符串补0(js补零)
2017/03/25 Javascript
JS实现移动端判断上拉和下滑功能
2017/08/07 Javascript
基于jquery trigger函数无法触发a标签的两种解决方法
2018/01/06 jQuery
Vuejs 单文件组件实例详解
2018/02/09 Javascript
微信小程序时间轴实现方法示例
2019/01/14 Javascript
小白教程|一小时上手最流行的前端框架vue(推荐)
2019/04/10 Javascript
监控微信小程序中的慢HTTP请求过程详解
2019/07/05 Javascript
vue导航栏部分的动态渲染实例
2019/11/01 Javascript
Vue列表如何实现滚动到指定位置样式改变效果
2020/05/09 Javascript
Scrapy-redis爬虫分布式爬取的分析和实现
2017/02/07 Python
利用matplotlib+numpy绘制多种绘图的方法实例
2017/05/03 Python
Python矩阵常见运算操作实例总结
2017/09/29 Python
Windows上使用Python增加或删除权限的方法
2018/04/24 Python
python 利用文件锁单例执行脚本的方法
2019/02/19 Python
Python3+PyInstall+Sciter解决报错缺少dll、html等文件问题
2019/07/15 Python
Python3.7将普通图片(png)转换为SVG图片格式(网站logo图标)动起来
2020/04/21 Python
CSS3 渐变(Gradients)之CSS3 线性渐变
2016/07/08 HTML / CSS
波比布朗英国官网:Bobbi Brown英国
2017/11/13 全球购物
美体小铺奥地利官方网站:The Body Shop奥地利
2019/04/11 全球购物
住房公积金接收函
2014/01/09 职场文书
信息与计算科学专业推荐信
2014/02/23 职场文书
刑事代理授权委托书
2014/09/17 职场文书
教师工作能力自我评价
2015/03/04 职场文书
汉字听写大会观后感
2015/06/12 职场文书
《神奇的鸟岛》教学反思
2016/02/22 职场文书
MySQL优化常用的19种有效方法(推荐!)
2022/03/17 MySQL