摘要：
应用程序需求分析：有时前台页面需要显示YYYY-MM-DD格式，但后台返回YYYY-MMDDhh:MM:ss或字符串。一般的时间转换方法如下follows://FormatdateFormat｛letdate=newDate；letyear=date.getFullYear（）；//在日期格式中，月份从0开始，因此需要添加0。使用三元表达式在小于10之前添加0，以实现统一的格式，例如09:11:05letmonth=date。getMonth（）+1˂10？“0”+日期。getSeconds（）：日期。getSeconds（）//拼接//返回年+“-”+月+“-“+天+”+小时+“：”+分钟+：+秒；returnyear+“-”+月+“-“+日；}，页面使用如下：{｛dateFormat｝｝您还可以将当前时间与三元运算符˂viewv if=“item.yuyuedate”：class=“dateFormat==day？
应用需求分析：前台页面有时需要展示YYYY-MM-DD格式，但后台却返回给我们YYYY-MM-DD hh:mm:ss、或者是一串字符
一、通用的时间转换方法如下：
//格式化处理 dateFormat(time) { let date = new Date(time); let year = date.getFullYear(); // 在日期格式中，月份是从0开始的，因此要加0，使用三元表达式在小于10的前面加0，以达到格式统一 如 09:11:05 let month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1; let day = date.getDate() < 10 ? "0" + date.getDate() : date.getDate(); let hours = date.getHours() < 10 ? "0" + date.getHours() : date.getHours(); let minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes(); let seconds = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds(); // 拼接 // return year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds; return year + "-" + month + "-" + day; },
页面使用如下：
<view v-if="item.rukudate">{{ dateFormat(item.rukudate) }}</view>
也可以通过三元运算符和当前时间对比
<view v-if="item.yuyuedate" :class="dateFormat(item.yuyuedate) == day ? 'sameDay' : '' ">{{ dateFormat(item.yuyuedate) }}</view>
二、过滤器
思路：在过滤中写一个时间处理方法，分别选取年月日，月份和日期需要01 02这种展示效果，需要用toString转化截图前两项，然后拼接返回
// 时间过滤器 filters:{ formatDate(date){ console.log(date) let newDate = new Date(date); let year = newDate.getFullYear(); let month = newDate.getMonth().toString().padStart(2,0); let day = newDate.getDay().toString().padStart(2,0); return year + '-' + month + '-' + day; } },
页面引用如下
<view>发表时间：{{ item.add_time | formatDate }}</view>