前言

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

在组件中使用

模板div p { {日期1 |格式日期} }/p p { {日期1 |格式日期2 } }/p p { {日期1 |格式日期3 } }/p/div/模板脚本从@/common/date . js /导入{ formatDate }在组件中引用date.js导出默认{ data(){ return { date 1: 1646461131351 } }，filters: { /*时间格式自定义只需把字符串里面的改成自己所需的格式*/formatDate(时间){ var date=新日期(时间);返回formatDate(日期年，年.毫米.日’；}，formatDate2(时间){ var date=新日期(时间);返回formatDate(date，' hh :mm :s ')；}，formatDate3(时间){ var date=新日期(时间);返回格式日期（日期，' yyyy年梅智节拍器月截止日期(截止日期的缩写)日hh :mm :s’)；} } }/脚本效果图

date.js源码

导出函数formatDate(date，fmt) { if (/(y )/.测试(fmt)){ fmt=fmt。替换(RegExp .$1，(date.getFullYear()' ').substr(4 - RegExp .$ 1 .长度))；}让o={ 'M ': date.getMonth() 1，' d ': date.getDate()，' h ': date.getHours()，' m ': date.getMinutes()，' s ' : date。getseconds()}；用于(让k进入o) { if (new RegExp(`(${k})`).test(fmt)){ let str=o[k]' '；fmt=fmt.replace(RegExp .$1，(RegExp .$1.length===1)？str : padLeftZero(str))；} }返回fmt }；函数padLeftZero(字符串){ return(' 00 '字符串).substr(字符串。长度)；};如果本篇文章对你有帮助的话，很高兴能够帮助上你。

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