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的Spin Button自定义文本框数值自增或自减
Jul 17 Javascript
JQuery文本框高亮显示插件代码
Apr 02 Javascript
深入理解javaScript中的事件驱动
May 21 Javascript
getAsDataURL在Firefox7.0下无法预览本地图片的解决方法
Nov 15 Javascript
深入浅析Bootstrap列表组组件
May 03 Javascript
基于Vue2的移动端开发环境搭建详解
Nov 03 Javascript
深究AngularJS中ng-drag、ng-drop的用法
Jun 12 Javascript
EasyUI中的dataGrid的行内编辑
Jun 22 Javascript
cocos creator Touch事件应用(触控选择多个子节点的实例)
Sep 10 Javascript
Angular4.0中引入laydate.js日期插件的方法教程
Dec 25 Javascript
vue移动端路由切换实例分析
May 14 Javascript
JavaScript如何处理移动端拍摄图片旋转问题
Nov 16 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 curl 获取响应的状态码的方法
2014/01/13 PHP
php和jquery实现地图区域数据统计展示数据示例
2014/02/12 PHP
ThinkPHP使用smarty模板引擎的方法
2014/07/01 PHP
PHP实现页面静态化的超简单方法
2016/09/06 PHP
轻松实现php文件上传功能
2017/02/17 PHP
扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁
2011/12/08 Javascript
js定时器(执行一次、重复执行)
2014/03/07 Javascript
常用jQuery选择器总结
2014/07/11 Javascript
对比分析AngularJS中的$http.post与jQuery.post的区别
2015/02/27 Javascript
老生常谈遮罩层 滚动条的问题
2016/04/29 Javascript
浅谈window.onbeforeunload() 事件调用ajax
2016/06/29 Javascript
JavaScript基本类型值-Undefined、Null、Boolean
2017/02/23 Javascript
javascript回调函数的概念理解与用法分析
2017/05/27 Javascript
label+input实现按钮开关切换效果的实例
2017/08/16 Javascript
jQuery 开发之EasyUI 添加数据的实例
2017/09/26 jQuery
jquery+ajaxform+springboot控件实现数据更新功能
2018/01/22 jQuery
JS实现的合并多个数组去重算法示例
2018/04/11 Javascript
基于Vue实现图片在指定区域内移动的思路详解
2018/11/11 Javascript
javascript实现移动端上传图片功能
2020/08/18 Javascript
python搜索指定目录的方法
2015/04/29 Python
python cx_Oracle模块的安装和使用详细介绍
2017/02/13 Python
python实现点对点聊天程序
2018/07/28 Python
大学学年自我鉴定
2013/10/28 职场文书
采购员的工作职责
2013/12/26 职场文书
入党自我评价范文
2014/02/02 职场文书
信息管理应届生求职信
2014/03/07 职场文书
企业精细化管理实施方案
2014/03/23 职场文书
房屋公证委托书
2014/04/03 职场文书
社区巾帼文明岗事迹材料
2014/06/03 职场文书
戒毒悔改检讨书
2014/09/21 职场文书
客户答谢会致辞
2015/01/20 职场文书
幼儿园父亲节活动总结
2015/02/12 职场文书
催款函范本大全
2015/06/24 职场文书
高三数学复习备考教学反思
2016/02/18 职场文书
为了顺利买到演唱会的票用Python制作了自动抢票的脚本
2021/10/16 Python
《宝可梦》动画制作25周年到来 官方发布特别纪念视频
2022/04/01 日漫