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中var声明变量作用域的推断
Dec 16 Javascript
JavaScript中的闭包(Closure)详细介绍
Dec 30 Javascript
JavaScript让Textarea支持tab按键的方法
Jun 26 Javascript
JavaScript暂停和继续定时器的实现方法
Jul 18 Javascript
JavaScript中的对象继承关系
Aug 01 Javascript
JS基于正则截取替换特定字符之间字符串操作示例
Feb 03 Javascript
vue.js异步上传文件前后端实现代码
Aug 22 Javascript
JS引用传递与值传递的区别与用法分析
Jun 01 Javascript
js实现每日签到功能
Nov 29 Javascript
利用Vue-draggable组件实现Vue项目中表格内容的拖拽排序
Jun 07 Javascript
vue界面发送表情的实现代码
Sep 11 Javascript
JavaScript 实现页面滚动动画
Apr 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模拟socket一次连接,多次发送数据的实现代码
2011/07/26 PHP
php全排列递归算法代码
2012/10/09 PHP
php中的静态变量的基本用法
2014/03/20 PHP
php 人员权限管理(RBAC)实例(推荐)
2017/05/24 PHP
使用XHProf查找PHP性能瓶颈的实例
2017/12/13 PHP
laravel Task Scheduling(任务调度)在windows下的使用详解
2019/10/22 PHP
PHP笛卡尔积实现原理及代码实例
2020/12/09 PHP
js中根据字数截取字符串,不能截断url
2012/01/12 Javascript
Javascript自定义排序 node运行 实例
2013/06/05 Javascript
js自定义鼠标右键的实现原理及源码
2014/06/23 Javascript
JavaScript转换二进制编码为ASCII码的方法
2015/04/16 Javascript
JS实现动态移动层及拖动浮层关闭的方法
2015/04/30 Javascript
jQuery表单事件实例代码分享
2016/08/18 Javascript
vue.js表格分页示例
2016/10/18 Javascript
解决vue2.x中数据渲染以及vuex缓存的问题
2017/07/13 Javascript
深入理解vue-router之keep-alive
2017/08/31 Javascript
Nuxt使用Vuex的方法示例
2019/09/06 Javascript
JS数组属性去重并校验重复数据
2020/01/10 Javascript
js实现删除json中指定的元素
2020/09/22 Javascript
element 动态合并表格的步骤
2020/12/31 Javascript
pytyon 带有重复的全排列
2013/08/13 Python
python快速查找算法应用实例
2014/09/26 Python
在Python中操作文件之seek()方法的使用教程
2015/05/24 Python
Python运算符重载详解及实例代码
2017/03/07 Python
Python 实现在文件中的每一行添加一个逗号
2018/04/29 Python
python3.6.3安装图文教程 TensorFlow安装配置方法
2020/06/24 Python
Python3爬虫使用Fidder实现APP爬取示例
2018/11/27 Python
浅谈Python type的使用
2019/11/19 Python
Python 生成短8位唯一id实战教程
2021/01/13 Python
Python实现网络聊天室的示例代码(支持多人聊天与私聊)
2021/01/27 Python
Groupon比利时官方网站:特卖和网上购物高达-70%
2019/08/09 全球购物
2014政府领导班子对照检查材料思想汇报(3篇)
2014/09/26 职场文书
临床医学生职业规划书范文
2014/10/25 职场文书
2015年团委副书记工作总结
2015/07/23 职场文书
2015中秋节晚会开场白
2015/07/30 职场文书
2016年教师反腐倡廉心得体会
2016/01/13 职场文书