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 相关文章推荐
js获取select标签的值且兼容IE与firefox
Dec 30 Javascript
javasciprt下jquery函数$.post执行无响应的解决方法
Mar 13 Javascript
深入理解JavaScript系列(43):设计模式之状态模式详解
Mar 04 Javascript
jQuery Timelinr实现垂直水平时间轴插件(附源码下载)
Feb 16 Javascript
利用js编写响应式侧边栏
Sep 17 Javascript
Bootstrap BootstrapDialog使用详解
Feb 17 Javascript
php 修改密码实现代码
May 24 Javascript
vue的无缝滚动组件vue-seamless-scroll实例
Dec 18 Javascript
Vue header组件开发详解
Jan 26 Javascript
浅谈Vue初学之props的驼峰命名
Jul 19 Javascript
解决layui的radio属性或别的属性没显示出来的问题
Sep 26 Javascript
js判断非127开头的IP地址的实例代码
Jan 05 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实现和c#一致的DES加密解密实例
2017/07/24 PHP
Prototype Class对象学习
2009/07/19 Javascript
jQuery+CSS 实现的超Sexy下拉菜单
2010/01/17 Javascript
基于jQuery的消息提示插件之旅 DivAlert(三)
2010/04/01 Javascript
JavaScript字符串String和Array操作的有趣方法
2012/12/18 Javascript
jquery必须知道的一些常用特效方法及使用示例(整理)
2013/06/24 Javascript
使用npm发布Node.JS程序包教程
2015/03/02 Javascript
JavaScript实现文字跟随鼠标特效
2015/08/06 Javascript
JS实现拖拽的方法分析
2016/12/20 Javascript
图片懒加载插件实例分享(含解析)
2017/01/09 Javascript
fetch 使用及如何接收JS传值
2017/11/11 Javascript
bootstrap下拉分页样式 带跳转页码
2018/12/29 Javascript
微信小程序实现点击导航标签滚动定位到对应位置
2020/11/19 Javascript
Python的Flask框架中实现分页功能的教程
2015/04/20 Python
用Python编写简单的微博爬虫
2016/03/04 Python
Python的shutil模块中文件的复制操作函数详解
2016/07/05 Python
Python打印输出数组中全部元素
2018/03/13 Python
详解将Pandas中的DataFrame类型转换成Numpy中array类型的三种方法
2019/07/06 Python
Python画图实现同一结点多个柱状图的示例
2019/07/07 Python
python中sort和sorted排序的实例方法
2019/08/26 Python
详解有关PyCharm安装库失败的问题的解决方法
2020/02/02 Python
俄罗斯设计师家具购物网站:The Furnish
2019/12/01 全球购物
初三学习计划书范文
2014/04/30 职场文书
汉语言文学专业求职信
2014/06/19 职场文书
欢迎新生标语
2014/10/06 职场文书
个人务虚会发言材料
2014/10/20 职场文书
赔偿协议书怎么写
2015/01/28 职场文书
公务员个人总结
2015/02/12 职场文书
2015年销售工作总结范文
2015/03/30 职场文书
部队2015年终工作总结
2015/04/02 职场文书
听证通知书
2015/04/24 职场文书
企业管理制度设计时要注意的几种“常见病”!
2019/04/19 职场文书
Ajax 的初步实现(使用vscode+node.js+express框架)
2021/06/18 Javascript
JPA 通过Specification如何实现复杂查询
2021/11/23 Java/Android
联想win10摄像头打不开怎么办?win10笔记本摄像头打不开解决办法
2022/04/08 数码科技
python标准库ElementTree处理xml
2022/05/20 Python