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插件ajaxFileUpload实现异步上传文件效果
Apr 14 Javascript
纯javascript实现自动发送邮件
Oct 21 Javascript
轻松实现javascript图片轮播特效
Jan 13 Javascript
JS获取和修改元素样式的实例代码
Aug 06 Javascript
微信小程序 require机制详解及实例代码
Dec 14 Javascript
JS获取鼠标位置距浏览器窗口距离的方法示例
Apr 11 Javascript
JavaScript基于replace+正则实现ES6的字符串模版功能
Apr 25 Javascript
微信禁止下拉查看URL的处理方法
Sep 28 Javascript
使用webpack搭建react开发环境的方法
May 15 Javascript
Vue实现6位数密码效果
Aug 18 Javascript
echarts实现折线图的拖拽效果
Dec 19 Javascript
JavaScript中ES6规范中let和const的用法和区别
Aug 06 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
轻松修复Discuz!数据库
2008/05/03 PHP
PHP 线程安全与非线程安全版本的区别深入解析
2013/08/06 PHP
PHP中ini_set和ini_get函数的用法小结
2014/02/18 PHP
JavaScript中的Location地址对象
2008/01/16 Javascript
javascript replace方法与正则表达式
2008/02/19 Javascript
文本框input聚焦失焦样式实现代码
2012/10/12 Javascript
JS简单的图片放大缩小的两种方法
2013/11/11 Javascript
NodeJS制作爬虫全过程
2014/12/22 NodeJs
bootstrap3 兼容IE8浏览器!
2016/05/02 Javascript
JS实现星星评分功能实例代码(两种方法)
2016/06/09 Javascript
JavaScript调用模式与this关键字绑定的关系
2018/04/21 Javascript
如何用webpack4.0撸单页/多页脚手架 (jquery, react, vue, typescript)
2019/06/18 jQuery
vue界面发送表情的实现代码
2020/09/11 Javascript
[01:10]DOTA2次级职业联赛 - Fly战队宣传片
2014/12/01 DOTA
pycharm 使用心得(六)进行简单的数据库管理
2014/06/06 Python
Python lxml模块安装教程
2015/06/02 Python
Python利用Nagios增加微信报警通知的功能
2016/02/18 Python
python实现识别相似图片小结
2016/02/22 Python
Python编码类型转换方法详解
2016/07/01 Python
Python做文本按行去重的实现方法
2016/10/19 Python
django输出html内容的实例
2018/05/27 Python
python获取磁盘号下盘符步骤详解
2019/06/19 Python
python-django中的APPEND_SLASH实现方法
2019/06/21 Python
python中如何实现将数据分成训练集与测试集的方法
2019/09/13 Python
Pytorch学习之torch用法----比较操作(Comparison Ops)
2020/06/28 Python
python实现xlwt xlrd 指定条件给excel行添加颜色
2020/07/14 Python
css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况
2016/12/06 HTML / CSS
HTML5 Canvas画线技巧——实现绘制一个像素宽的细线
2013/08/02 HTML / CSS
捷克电器和DJ设备网上商店:Electronic-star
2017/07/18 全球购物
葡萄牙航空官方网站:TAP Air Portugal
2019/10/31 全球购物
某公司C#程序员面试题笔试题
2014/05/26 面试题
Servlet如何得到客户端机器的信息
2014/10/17 面试题
地球一小时倡议书
2014/04/15 职场文书
促销活动计划书
2014/05/02 职场文书
软件测试专业推荐信
2014/09/18 职场文书
PyTorch 如何设置随机数种子使结果可复现
2021/05/12 Python