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 相关文章推荐
实现web打印的各种方法介绍及实现代码
Jan 09 Javascript
extjs表格文本启用选择复制功能具体实现
Oct 11 Javascript
浏览器兼容console对象的简要解决方案分享
Oct 24 Javascript
5分钟理解JavaScript中this用法分享
Nov 09 Javascript
ExtJs纵坐标值重复问题的解决方法
Feb 27 Javascript
javascript模拟评分控件实现方法
May 13 Javascript
jQuery实现宽屏图片轮播实例教程
Nov 24 Javascript
JS实现的自定义map方法示例
May 17 Javascript
微信小程序-API接口安全详解
Jul 16 Javascript
利用JS代码自动删除稿件的普通弹幕功能
Sep 20 Javascript
javascript操作向表格中动态加载数据
Aug 27 Javascript
在vue中实现某一些路由页面隐藏导航栏的功能操作
Sep 21 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
phpmyadmin的#1251问题
2006/11/25 PHP
ThinkPHP之R方法实例详解
2014/06/20 PHP
Laravel框架表单验证详解
2014/09/04 PHP
详谈配置phpstorm完美支持Codeigniter(CI)代码自动完成(代码提示)
2017/04/07 PHP
php变量与字符串的增删改查操作示例
2020/05/07 PHP
js 父窗口控制子窗口的行为-打开,关闭,重定位,回复
2010/04/20 Javascript
js注意img图片的onerror事件的分析
2011/01/01 Javascript
Javascript base64编码实现代码
2011/12/02 Javascript
深入理解JavaScript系列(12) 变量对象(Variable Object)
2012/01/16 Javascript
网页前端优化之滚动延时加载图片示例
2013/07/13 Javascript
jQuery选择id属性带有点符号元素的方法
2015/03/17 Javascript
jQuery超赞的评分插件(8款)
2015/08/20 Javascript
基于OL2实现百度地图ABCD marker的效果
2015/10/01 Javascript
Ionic+AngularJS实现登录和注册带验证功能
2017/02/09 Javascript
基于JavaScript实现类名的添加与移除
2017/04/23 Javascript
jQuery常见面试题之DOM操作详析
2017/07/05 jQuery
vue的无缝滚动组件vue-seamless-scroll实例
2017/12/18 Javascript
QQ跳转支付宝并自动领红包脚本(最新)
2018/06/22 Javascript
微信小程序使用setData修改数组中单个对象的方法分析
2018/12/30 Javascript
详解vue的双向绑定原理及实现
2019/05/05 Javascript
浅谈VUE防抖与节流的最佳解决方案(函数式组件)
2019/05/22 Javascript
纯js+css实现仿移动端淘宝网站的弹出详情框功能
2019/12/29 Javascript
微信小程序实现加入购物车滑动轨迹
2020/11/18 Javascript
[04:14]从西雅图到上海——玩家自制DOTA2主题歌曲应援TI9
2019/07/11 DOTA
用Python进行基础的函数式编程的教程
2015/03/31 Python
基于Python中单例模式的几种实现方式及优化详解
2018/01/09 Python
selenium+python实现自动登录脚本
2018/04/22 Python
在cmd命令行里进入和退出Python程序的方法
2018/05/12 Python
python实现npy格式文件转换为txt文件操作
2020/07/01 Python
Python实现FTP文件定时自动下载的步骤
2020/12/19 Python
我未来的职业规划范文
2014/01/11 职场文书
幼儿园的门卫岗位职责
2014/04/10 职场文书
精神文明建设先进工作者事迹材料
2014/05/02 职场文书
社会实践活动总结范文
2014/07/03 职场文书
物理分数没达标检讨书
2014/09/13 职场文书
法定授权委托证明书
2015/06/18 职场文书