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 相关文章推荐
40款非常棒的jQuery 插件和制作教程(系列一)
Oct 26 Javascript
jquery实现更改表格行顺序示例
Apr 30 Javascript
jQuery中[attribute]选择器用法实例
Dec 31 Javascript
jquery+json实现分页效果
Mar 07 Javascript
JQuery EasyUI学习教程之datagrid 添加、修改、删除操作
Jul 09 Javascript
JavaScript制作弹出层效果
Dec 02 Javascript
基于BootStrap实现简洁注册界面
Jul 20 Javascript
jQuery完成表单验证的实例代码(纯代码)
Sep 30 jQuery
JavaScript Math对象和调试程序的方法分析
May 13 Javascript
利用webpack理解CommonJS和ES Modules的差异区别
Jun 16 Javascript
VUE中V-IF条件判断改变元素的样式操作
Aug 09 Javascript
JS数组转字符串实现方法解析
Sep 04 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
显示youtube视频缩略图和Vimeo视频缩略图代码分享
2014/02/13 PHP
php传值和传引用的区别点总结
2019/11/19 PHP
imagettftext() 失效,不起作用
2021/03/09 PHP
Textbox控件注册回车事件及触发按钮提交事件具体实现
2013/03/04 Javascript
jQuery实现随意改变div任意属性的名称和值(部分原生js实现)
2013/05/28 Javascript
javascript中alert()与console.log()的区别
2015/08/26 Javascript
Ubuntu系统下Angularjs开发环境安装
2016/09/01 Javascript
vue两个组件间值的传递或修改方式
2018/07/04 Javascript
vue项目移动端实现ip输入框问题
2019/03/19 Javascript
使用easyui从servlet传递json数据到前端页面的两种方法
2019/09/05 Javascript
vue 实现特定条件下绑定事件
2019/11/09 Javascript
JavaScript交换变量的常用方法小结【4种方法】
2020/05/07 Javascript
[04:59]DOTA2-DPC中国联赛 正赛 Ehome vs iG 选手采访
2021/03/11 DOTA
Python命令行参数解析模块optparse使用实例
2015/04/13 Python
Python实现的摇骰子猜大小功能小游戏示例
2017/12/18 Python
利用django-suit模板添加自定义的菜单、页面及设置访问权限
2018/07/13 Python
python梯度下降法的简单示例
2018/08/31 Python
python做接口测试的必要性
2019/11/20 Python
flask框架配置mysql数据库操作详解
2019/11/29 Python
python实现简单飞行棋
2020/02/06 Python
如何使用PyCharm将代码上传到GitHub上(图文详解)
2020/04/27 Python
用HTML5制作烟火效果的教程
2015/05/12 HTML / CSS
html5实现滑块功能之type="range"属性
2020/02/18 HTML / CSS
耐克美国官网:Nike.com
2016/08/01 全球购物
Tiqets英国:智能手机上的文化和娱乐门票
2019/07/10 全球购物
简述安装Slackware Linux系统的过程
2012/05/08 面试题
2013年保送生自荐信格式
2013/11/20 职场文书
幼儿园毕业教师感言
2014/02/21 职场文书
英文自荐信常用句子
2014/03/26 职场文书
市场营销专业求职信
2014/06/17 职场文书
2014年高三班主任工作总结
2014/12/05 职场文书
财务会计求职信范文
2015/03/20 职场文书
2016婚礼主持词开场白
2015/11/24 职场文书
实现AJAX异步调用和局部刷新的基本步骤
2022/03/17 Javascript
星际争霸:毕姥爷vs解冻03
2022/04/01 星际争霸
oracle数据库去除重复数据
2022/05/20 Oracle