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 相关文章推荐
js constructor的实际作用分析
Nov 15 Javascript
jQuery.each()用法分享
Jul 31 Javascript
用jquery实现点击栏目背景色改变
Dec 10 Javascript
jsvascript图像处理—(计算机视觉应用)图像金字塔
Jan 15 Javascript
jquery append()方法与html()方法的区别及使用介绍
Aug 01 Javascript
深入分析JSONP跨域的原理
Dec 10 Javascript
JQuery CheckBox(复选框)操作方法汇总
Apr 15 Javascript
jQuery插件实现文件上传功能(支持拖拽)
Aug 27 Javascript
基于AGS JS开发自定义贴图图层
Mar 31 Javascript
javascript  数组排序与对象排序的实例
Jul 17 Javascript
vue中各选项及钩子函数执行顺序详解
Aug 25 Javascript
浅析JavaScript中的事件委托机制跟深浅拷贝
Jan 20 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程序61条面向对象分析设计的经验小结
2008/11/12 PHP
php版交通银行网银支付接口开发入门教程
2016/09/26 PHP
PHP获取文件扩展名的方法实例总结
2017/06/10 PHP
Yii2 中实现单点登录的方法
2018/03/09 PHP
js判断是否为数组的函数: isArray()
2011/10/30 Javascript
文件编码导致jquery失效的解决方法
2013/06/26 Javascript
浅谈Jquery核心函数
2015/06/18 Javascript
ionic实现可滑动的tab选项卡切换效果
2020/04/15 Javascript
JavaScript中 this 指向问题深度解析
2017/02/21 Javascript
详解使用PM2管理nodejs进程
2017/10/24 NodeJs
详解从react转职到vue开发的项目准备
2019/01/14 Javascript
Vue拖拽组件列表实现动态页面配置功能
2019/06/17 Javascript
element-ui table组件如何使用render属性的实现
2019/11/04 Javascript
JavaScript find()方法及返回数据实例
2020/04/30 Javascript
JS中准确判断变量类型的方法
2020/06/01 Javascript
Python解析excel文件存入sqlite数据库的方法
2016/11/15 Python
pycharm安装图文教程
2017/05/02 Python
浅谈python jieba分词模块的基本用法
2017/11/09 Python
Python实现决策树C4.5算法的示例
2018/05/30 Python
pandas 对series和dataframe进行排序的实例
2018/06/09 Python
对Python 两大环境管理神器 pyenv 和 virtualenv详解
2018/12/31 Python
Python数据类型之Tuple元组实例详解
2019/05/08 Python
python zip()函数使用方法解析
2019/10/31 Python
关于Python-faker的函数效果一览
2019/11/28 Python
Python抓新型冠状病毒肺炎疫情数据并绘制全国疫情分布的代码实例
2020/02/05 Python
windows10 pycharm下安装pyltp库和加载模型实现语义角色标注的示例代码
2020/05/07 Python
python Selenium 库的使用技巧
2020/10/16 Python
用HTML5的canvas实现一个炫酷时钟效果
2016/05/20 HTML / CSS
六道php面试题附答案
2014/06/05 面试题
什么是托管函数?托管函数有什么用?
2014/06/15 面试题
软件工程专业推荐信
2013/10/28 职场文书
互联网创业计划书的书写步骤
2014/01/28 职场文书
《雨点》教学反思
2014/02/12 职场文书
学校纪律作风整改措施思想汇报
2014/10/11 职场文书
心灵捕手观后感
2015/06/02 职场文书
简历中的自我评价怎么写呢?
2019/04/30 职场文书