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 相关文章推荐
JavaScript中的Document文档对象
Jan 16 Javascript
CSS和Javascript简单复习资料
Jun 29 Javascript
关于UTF-8的客户端用AJAX方式获取GB2312的服务器端乱码问题的解决办法
Nov 30 Javascript
Javascript判断文件是否存在(客户端/服务器端)
Sep 16 Javascript
js下拉选择框与输入框联动实现添加选中值到输入框的方法
Aug 17 Javascript
JS实现登录页面记住密码和enter键登录方法推荐
May 10 Javascript
JavaScript判断用户名和密码不能为空的实现代码
May 16 Javascript
jQuery的层级查找方式分析
Jun 16 Javascript
javascript 广告移动特效的实现代码
Jun 25 Javascript
微信支付 JS API支付接口详解
Jul 11 Javascript
Javascript地址引用代码实例解析
Feb 25 Javascript
如何配置vue.config.js 处理static文件夹下的静态文件
Jun 19 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+mysql保存和输出文件
2006/10/09 PHP
php设计模式 Factory(工厂模式)
2011/06/26 PHP
php cURL和Rolling cURL并发方式比较
2013/10/30 PHP
Win7 64位系统下PHP连接Oracle数据库
2014/08/20 PHP
PHP生成条形图的方法
2014/12/10 PHP
关于PHP中Session文件过多的问题及session文件保存位置
2016/03/17 PHP
PHP实现在对象之外访问其私有属性private及保护属性protected的方法
2017/11/20 PHP
Laravel事件监听器用法实例分析
2019/03/12 PHP
jQuery each()方法的使用方法
2010/03/18 Javascript
js 判断图片是否加载完以及实现图片的预下载
2014/08/14 Javascript
jQuery控制元素隐藏和显示
2017/03/03 Javascript
微信小程序实战之轮播图(3)
2017/04/17 Javascript
jQuery中each循环的跳出和结束实例
2017/08/16 jQuery
Vue2.0基于vue-cli+webpack Vuex的用法(实例讲解)
2017/09/15 Javascript
vue移动端屏幕适配详解
2019/04/30 Javascript
vue项目前端错误收集之sentry教程详解
2019/05/27 Javascript
node.js域名解析实现方法详解
2019/11/05 Javascript
深入解析Python中的WSGI接口
2015/05/11 Python
Python yield 使用浅析
2015/05/28 Python
Python实现将数据写入netCDF4中的方法示例
2018/08/30 Python
Python从列表推导到zip()函数的5种技巧总结
2019/10/23 Python
python科学计算之numpy——ufunc函数用法
2019/11/25 Python
Python如何通过Flask-Mail发送电子邮件
2020/01/29 Python
python 实现在shell窗口中编写print不向屏幕输出
2020/02/19 Python
利用python下载scihub成文献为PDF操作
2020/07/09 Python
python3爬虫中引用Queue的实例讲解
2020/11/24 Python
HTML5之WebGL 3D概述(下)—借助类库开发及框架介绍
2013/01/31 HTML / CSS
GAP欧盟网上商店:GAP EU
2016/09/13 全球购物
意大利专业化妆品品牌:KIKO MILANO
2017/02/01 全球购物
赫里福德的一家乡村零售商店:Philip Morris & Son
2017/06/25 全球购物
有兼职工作经历的简历自我评价
2014/03/07 职场文书
地质工程专业毕业生求职信
2014/08/08 职场文书
十佳少先队员演讲稿
2014/09/12 职场文书
2014年建筑工程工作总结
2014/12/03 职场文书
详解mysql三值逻辑与NULL
2021/05/19 MySQL
微信小程序scroll-view不能左右滑动问题的解决方法
2021/07/09 Javascript