时间:2021-05-26
前言
在项目中,经常会有后台返回一个时间戳,页面展示用的却是日期格式的情况
不同组件多次使用的话,那么建议在 src 下新建一个 common 文件夹,创建 date.js 文件,方便多次复用
在组件中使用
<template> <div> <p>{{date1 | formatDate}}</p> <p>{{date1 | formatDate2}}</p> <p>{{date1 | formatDate3}}</p> </div></template><script> import { formatDate } from '@/common/date.js' // 在组件中引用date.js export default { data() { return { date1: 1646461131351 } }, filters: { formatDate(time) { var date = new Date(time); return formatDate(date, 'yyyy.MM.dd'); }, formatDate2(time) { var date = new Date(time); return formatDate(date, 'hh:mm:ss'); }, formatDate3(time) { var date = new Date(time); return formatDate(date, 'yyyy年MM月dd日 hh:mm:ss'); } } }</script>效果图
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);};如果本篇文章对你有帮助的话,很高兴能够帮助上你。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
下面总结一下js中时间戳与日期格式的相互转换: 1.将时间戳转换成日期格式: functiontimestampToTime(timestamp){va
本文实例为大家分享了js时间戳与日期格式之间相互转换的代码,供大家参考,具体内容如下1.将时间戳转换成日期格式//简单的一句代码vardate=newDate(
公共处理时间戳函数复制代码代码如下:/***处理时间戳转换成日期格式*@param{Object}obj时间戳{10位的时间戳需要乘以1000;13位的时间戳不
①时间戳转换成日期复制代码代码如下:FROM_UNIXTIME例如:数据表中invest_time存储的是时间戳,如1429063399使用FROM_UNIXT
在springboot项目中使用thymeleaf模板,将后台数据传递给前台界面。1、将后台数据传递给前台有很多种方式,可以将后台要传递的数据转换成json格式