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 相关文章推荐
DOM相关内容速查手册
Feb 07 Javascript
JSON+JavaScript处理JSON的简单例子
Mar 20 Javascript
纯javascript实现自动发送邮件
Oct 21 Javascript
jQuery滚动加载图片实现原理
Dec 14 Javascript
Extjs 点击复选框在表格中增加相关信息行
Jul 12 Javascript
详解js的六大数据类型
Dec 27 Javascript
ES6(ECMAScript 6)新特性之模板字符串用法分析
Apr 01 Javascript
vue组件发布到npm简单步骤
Nov 30 Javascript
Vue CLI3 开启gzip压缩文件的方式
Sep 30 Javascript
vxe-table vue table 表格组件功能
May 26 Javascript
解决axios post 后端无法接收数据的问题
Oct 29 Javascript
解决父组件将子组件作为弹窗调用只执行一次created的问题
Jul 24 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中fgetcsv()函数用法实例
2014/11/28 PHP
PHP7.1新功能之Nullable Type用法分析
2016/09/26 PHP
php mysql获取表字段名称和字段信息的三种方法
2016/11/13 PHP
php简单计算年龄的方法(周岁与虚岁)
2016/12/06 PHP
弹出模态框modal的实现方法及实例
2017/09/19 PHP
laravel5实现微信第三方登录功能
2018/12/06 PHP
php传值和传引用的区别点总结
2019/11/19 PHP
jquery 弹出层实现代码
2009/10/30 Javascript
jQuery 常见学习网站与参考书
2009/11/09 Javascript
用jquery实现的模拟QQ邮箱里的收件人选取及其他效果(一)
2011/01/06 Javascript
简单实例处理url特殊符号&处理(2种方法)
2013/04/02 Javascript
了不起的node.js读书笔记之node的学习总结
2014/12/22 Javascript
JavaScript模拟深蓝vs卡斯帕罗夫的国际象棋对局示例
2015/04/22 Javascript
JavaScript如何禁止Backspace键
2015/12/02 Javascript
jQuery代码实现对话框右上角菜单带关闭×
2016/05/03 Javascript
5个最顶级jQuery图表类库插件【jquery插件库】
2016/05/05 Javascript
jQuery EasyUI菜单与按钮详解
2016/07/13 Javascript
IONIC自定义subheader的最佳解决方案
2016/09/22 Javascript
基于JS实现html中placeholder属性提示文字效果示例
2018/04/19 Javascript
微信小程序实现工作时间段选择
2019/02/15 Javascript
Vue.js 实现地址管理页面思路详解(地址添加、编辑、删除和设置默认地址)
2019/12/11 Javascript
深入分析JavaScript 事件循环(Event Loop)
2020/06/19 Javascript
Python实现数据库编程方法详解
2015/06/09 Python
python3.5 tkinter实现页面跳转
2018/01/30 Python
python库lxml在linux和WIN系统下的安装
2018/06/24 Python
selenium设置proxy、headers的方法(phantomjs、Chrome、Firefox)
2018/11/29 Python
Python+OpenCV实现实时眼动追踪的示例代码
2019/11/11 Python
基于python纯函数实现井字棋游戏
2020/05/27 Python
Python连接Impala实现步骤解析
2020/08/04 Python
HTML5的结构和语义(2):结构
2008/10/17 HTML / CSS
Origins加拿大官网:雅诗兰黛集团高端植物护肤品牌
2017/11/19 全球购物
学校督导评估方案
2014/06/10 职场文书
不尊敬老师检讨书范文
2014/11/19 职场文书
一次性工伤赔偿协议书范本
2014/11/25 职场文书
家长会主持词开场白
2015/05/29 职场文书
常住证明范本
2015/06/23 职场文书