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编程起步(第四课)
Feb 27 Javascript
js对象内部访问this修饰的成员函数示例
Apr 27 Javascript
js使用正则实现ReplaceAll全部替换的方法
Jul 18 Javascript
项目中常用的JS方法整理
Jan 30 Javascript
JS实现的网页倒计时数字时钟效果
Mar 02 Javascript
AngularJS实现根据变量改变动态加载模板的方法
Nov 04 Javascript
浅谈regExp的test方法取得的值变化的原因及处理方法
Mar 01 Javascript
vue项目中,main.js,App.vue,index.html的调用方法
Sep 20 Javascript
layui 上传插件 带预览 非自动上传功能的实例(非常实用)
Sep 23 Javascript
vuejs中父子组件之间通信方法实例详解
Jan 17 Javascript
Vue 技巧之控制父类的 slot
Feb 24 Javascript
vue3+typescript实现图片懒加载插件
Oct 26 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
全国FM电台频率大全 - 26 西藏自治区
2020/03/11 无线电
php你的验证码安全码?
2007/01/02 PHP
thinkPHP中分页用法实例分析
2015/12/26 PHP
php+Ajax处理xml与json格式数据的方法示例
2019/03/04 PHP
javascript 数组的方法集合
2008/06/05 Javascript
jquery中的$(document).ready()与window.onload的区别
2009/11/18 Javascript
Jquery ajax不能解析json对象,报Invalid JSON错误的原因和解决方法
2010/03/27 Javascript
JavaScript中OnLoad几种使用方法
2012/12/15 Javascript
javascript用户注册提示效果的简单实例
2013/08/17 Javascript
JS实现兼容性好,带缓冲的动感网页右键菜单效果
2015/09/18 Javascript
jQuery实现立体式数字动态增加(animate方法)
2016/12/21 Javascript
微信小程序 实战程序简易新闻的制作
2017/01/09 Javascript
VUE元素的隐藏和显示(v-show指令)
2017/06/23 Javascript
vue 里面使用axios 和封装的示例代码
2017/09/01 Javascript
AngularJS实现表单验证功能详解
2017/10/12 Javascript
JS实现留言板功能[楼层效果展示]
2017/12/27 Javascript
在angular 6中使用 less 的实例代码
2018/05/13 Javascript
实现Vue的markdown文档可以在线运行的方法示例
2018/12/11 Javascript
js实现点击图片在屏幕中间弹出放大效果
2019/09/11 Javascript
在layui框架中select下拉框监听更改事件的例子
2019/09/20 Javascript
jQuery实现可以计算进制转换的计算器
2020/10/19 jQuery
python+Django+apache的配置方法详解
2016/06/01 Python
python读取各种文件数据方法解析
2018/12/29 Python
10招!看骨灰级Pythoner玩转Python的方法
2019/04/15 Python
Python如何读取文件中图片格式
2020/01/13 Python
Python爬虫库requests获取响应内容、响应状态码、响应头
2020/01/25 Python
Python调用OpenCV实现图像平滑代码实例
2020/06/19 Python
基于HTML5新特性Mutation Observer实现编辑器的撤销和回退操作
2016/01/11 HTML / CSS
我的applet原先好好的, 一放到web server就会有问题,为什么?
2016/05/10 面试题
毕业生个人的自我评价优秀范文
2013/10/03 职场文书
生物科学专业个人求职信范文
2013/12/05 职场文书
奥巴马上海演讲稿
2014/09/10 职场文书
小升初自荐信怎么写
2015/03/26 职场文书
未婚证明范本
2015/06/15 职场文书
在职证明范本
2015/06/15 职场文书
Python中rapidjson参数校验实现
2021/07/25 Python