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 相关文章推荐
Javascript 强制类型转换函数
May 17 Javascript
javascript 三种方法实现获得和设置以及移除元素属性
Mar 20 Javascript
js每隔5分钟执行一次ajax请求的实现方法
Nov 27 Javascript
浅析document.ready和window.onload的区别讲解
Dec 18 Javascript
JQuery解析HTML、JSON和XML实例详解
Mar 29 Javascript
livereload工具实现前端可视化开发【推荐】
Dec 23 Javascript
jquery.tableSort.js表格排序插件使用方法详解
Aug 12 Javascript
js使用i18n实现页面国际化的方法
May 09 Javascript
React SSR样式及SEO的实践
Oct 22 Javascript
Vue 组件参数校验与非props特性的方法
Feb 12 Javascript
小程序登录/注册页面设计的实现代码
May 24 Javascript
node.js制作一个简单的登录拦截器
Feb 10 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
判断Keep-Alive模式的HTTP请求的结束的实现代码
2011/08/06 PHP
php中使用array_filter()函数过滤空数组的实现代码
2014/08/19 PHP
基于CakePHP实现的简单博客系统实例
2015/06/28 PHP
利用PHP如何实现Socket服务器
2015/09/23 PHP
简单解决微信文章图片防盗链问题
2016/12/17 PHP
php微信公众号开发之校园图书馆
2018/10/20 PHP
jquery jqPlot API 中文使用教程(非常强大的图表工具)
2011/08/15 Javascript
js实现的GridView即表头固定表体有滚动条且可滚动
2014/02/19 Javascript
jquery库文件略庞大用纯js替换jquery的方法
2014/08/12 Javascript
jQuery Masonry瀑布流插件使用详解
2014/11/17 Javascript
javascript通过获取html标签属性class实现多选项卡的方法
2015/07/27 Javascript
AngularJS进行性能调优的7个建议
2015/12/28 Javascript
ES6新特性二:Iterator(遍历器)和for-of循环详解
2017/04/20 Javascript
jquery插件开发之选项卡制作详解
2017/08/30 jQuery
node省市区三级数据性能测评实例分析
2019/11/06 Javascript
vue之debounce属性被移除及处理详解
2019/11/13 Javascript
js实现mp3录音通过websocket实时传送+简易波形图效果
2020/06/12 Javascript
jQuery实现鼠标拖拽登录框移动效果
2020/09/13 jQuery
精确查找PHP WEBSHELL木马的方法(1)
2011/04/12 Python
mysql 之通过配置文件链接数据库
2017/08/12 Python
使用tensorflow实现线性svm
2018/09/07 Python
浅谈numpy生成数组的零值问题
2018/11/12 Python
Python中函数的基本定义与调用及内置函数详解
2019/05/13 Python
Python玩转加密的技巧【推荐】
2019/05/13 Python
Python 循环终止语句的三种方法小结
2019/06/24 Python
python中count函数简单用法
2020/01/05 Python
python字典通过值反查键的实现(简洁写法)
2020/09/30 Python
CSS3 input框的实现代码类似Google登录的动画效果
2020/08/04 HTML / CSS
html5使用canvas实现图片下载功能的示例代码
2017/08/26 HTML / CSS
介绍一下#error预处理
2015/09/25 面试题
老师的检讨书
2014/02/23 职场文书
关于保护环境的建议书
2014/05/13 职场文书
《中国梦我的梦》大学生演讲稿
2014/08/20 职场文书
2014年资料员工作总结
2014/11/18 职场文书
个性与发展自我评价
2015/03/06 职场文书
2015年全民国防教育日活动总结
2015/03/23 职场文书