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 相关文章推荐
获取Javscript执行函数名称的方法
Dec 22 Javascript
JQuery中的ready函数冲突的解决方法
May 17 Javascript
javascript中的作用域scope介绍
Dec 28 Javascript
js函数返回多个返回值的示例代码
Nov 05 Javascript
javascript动态控制服务器控件实例
Sep 05 Javascript
jquery mobile 移动web(5)
Dec 20 Javascript
使用ionic切换页面卡顿的解决方法
Dec 16 Javascript
JS 在数组指定位置插入/删除数据的方法
Jan 12 Javascript
js实现五星评价功能
Mar 08 Javascript
微信小程序聊天功能的示例代码
Jan 13 Javascript
JS async 函数的含义和用法实例总结
Apr 08 Javascript
基于vue实现探探滑动组件功能
May 29 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解析xml提示Invalid byte 1 of 1-byte UTF-8 sequence错误的处理方法
2013/11/14 PHP
PHP实现简易计算器功能
2020/08/28 PHP
JavaScript获得选中文本内容的方法
2008/12/02 Javascript
JavaScript 打地鼠游戏代码说明
2010/10/12 Javascript
基于JavaScript自定义构造函数的详解说明
2013/04/24 Javascript
使用jquery+CSS实现控制打印样式
2014/12/31 Javascript
jQuery实现的指纹扫描效果实例(附演示与demo源码下载)
2016/01/26 Javascript
基于jQuery日历插件制作日历
2016/03/11 Javascript
jQuery插件ajaxfileupload.js实现上传文件
2020/10/23 Javascript
全面总结Javascript对数组对象的各种操作
2017/01/22 Javascript
vue引入ueditor及node后台配置详解
2018/01/03 Javascript
js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能
2018/01/09 Javascript
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
2018/05/29 Javascript
React 组件中的 bind(this)示例代码
2018/09/16 Javascript
基于jquery实现九宫格拼图小游戏
2018/11/30 jQuery
Vue 实例中使用$refs的注意事项
2021/01/29 Vue.js
[26:40]DOTA2上海特级锦标赛A组资格赛#1 Secret VS MVP.Phx第一局
2016/02/25 DOTA
python使用正则表达式替换匹配成功的组并输出替换的次数
2017/11/22 Python
Python实现打印实心和空心菱形
2019/11/23 Python
解决Opencv+Python cv2.imshow闪退问题
2020/04/24 Python
windows+vscode安装paddleOCR运行环境的步骤
2020/11/11 Python
详解基于 Canvas 手撸一个六边形能力图
2019/09/02 HTML / CSS
银河香水:Galaxy Perfume
2019/03/25 全球购物
Ado与Ado.net的相同与不同
2014/12/08 面试题
甜品店的创业计划书范文
2014/01/02 职场文书
预备党员2014全国两会学习心得体会
2014/03/10 职场文书
数控技校生自我鉴定
2014/04/19 职场文书
2014年学生会主席工作总结
2014/11/07 职场文书
家长评语怎么写
2014/12/30 职场文书
计划生育个人总结
2015/03/02 职场文书
大学生求职自荐信
2015/03/24 职场文书
2015年银行客户经理工作总结
2015/04/01 职场文书
PyTorch 实现L2正则化以及Dropout的操作
2021/05/27 Python
Java中使用Filter过滤器的方法
2021/06/28 Java/Android
vue项目打包后路由错误的解决方法
2022/04/13 Vue.js
MySQL示例讲解数据库约束以及表的设计
2022/06/16 MySQL