vue将后台数据时间戳转换成日期格式

前端  /  管理员 发布于 4年前   575

前言

在项目中，经常会有后台返回一个时间戳，页面展示用的却是日期格式的情况
不同组件多次使用的话，那么建议在 src 下新建一个 common 文件夹，创建 date.js 文件，方便多次复用

在组件中使用

效果图

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);};

如果本篇文章对你有帮助的话，很高兴能够帮助上你。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

您可能感兴趣的文章:

• vue获取时间戳转换为日期格式代码实例
• Vue filter格式化时间戳时间成标准日期格式的方法
• vue.js将时间戳转化为日期格式的实现代码