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 相关文章推荐
jquery的键盘事件修改代码
Feb 24 Javascript
thinkphp 表名 大小写 窍门
Feb 01 Javascript
jquery实现手风琴效果
Nov 20 Javascript
JQuery导航菜单选择特效
Apr 11 Javascript
使用bat打开多个cmd窗口执行gulp、node
Feb 17 Javascript
在 Typescript 中使用可被复用的 Vue Mixin功能
Apr 17 Javascript
jQuery创建及操作xml格式数据示例
May 26 jQuery
JS实现数组去重及数组内对象去重功能示例
Feb 02 Javascript
ES6常用小技巧总结【去重、交换、合并、反转、迭代、计算等】
Dec 21 Javascript
TypeScript的安装、使用、自动编译的实现
Apr 10 Javascript
JS绘图Flot如何实现可选显示曲线图功能
Oct 16 Javascript
uni-app 自定义底部导航栏的实现
Dec 11 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程序防止ddos,dns,集群服务器攻击的解决办法
2013/06/18 PHP
destoon找回管理员密码的方法
2014/06/21 PHP
php实现获取局域网所有用户的电脑IP和主机名、及mac地址完整实例
2014/07/18 PHP
浅析php创建者模式
2014/11/25 PHP
php为字符串前后添加指定数量字符的方法
2015/05/04 PHP
四个常见html网页乱码问题及解决办法
2015/09/08 PHP
php封装的pdo数据库操作工具类与用法示例
2019/05/08 PHP
PHP利用百度ai实现文本和图片审核
2019/05/08 PHP
javascript实现动态CSS换肤技术的脚本
2007/06/29 Javascript
js实现iframe动态调整高度的代码
2008/01/06 Javascript
判断脚本加载是否完成的方法
2009/05/26 Javascript
jQuery 判断元素上是否绑定了事件
2009/10/28 Javascript
autoIMG 基于jquery的图片自适应插件代码
2011/03/12 Javascript
在Iframe中获取父窗口中表单的值(示例代码)
2013/11/22 Javascript
JavaScript生成的动态下雨背景效果实现方法
2015/02/25 Javascript
JS iFrame加载慢怎么解决
2016/05/13 Javascript
详解vue-router基本使用
2017/04/18 Javascript
BootStrap Table前台和后台分页对JSON格式的要求
2017/06/28 Javascript
vue组件从开发到发布的实现步骤
2018/11/11 Javascript
VUE 动态组件的应用案例分析
2019/12/02 Javascript
跟老齐学Python之有容乃大的list(4)
2014/09/28 Python
python使用urllib2实现发送带cookie的请求
2015/04/28 Python
python中字典(Dictionary)用法实例详解
2015/05/30 Python
怎么使用pipenv管理你的python项目
2018/03/12 Python
利用Python批量提取Win10锁屏壁纸实战教程
2018/03/27 Python
解决python报错MemoryError的问题
2018/06/26 Python
浅谈Python编程中3个常用的数据结构和算法
2019/04/30 Python
Django静态资源部署404问题解决方案
2020/05/11 Python
python判断变量是否为列表的方法
2020/09/17 Python
Linux操作面试题
2012/05/16 面试题
酒店管理求职信范文
2014/04/06 职场文书
承诺书模板
2014/08/30 职场文书
2014年个人思想工作总结
2014/11/27 职场文书
tensorflow学习笔记之tfrecord文件的生成与读取
2021/03/31 Python
Django显示可视化图表的实践
2021/05/10 Python
利用js实现简单开关灯代码
2021/11/23 Javascript