效果图:
util.js
/*** 转换时间*/
const messageFormat = (datetime) =>{ let result = "";let currentTime = new Date();if(isToday(datetime)){result = datetime.substring(11,16);}else if(isYesterday(datetime)){result = "昨天";}else if(isCurrentWeek(datetime)){let day = new Date(datetime).getDay();switch (day){case 1:result = "星期一";break;case 2:result = "星期二";break;case 3:result = "星期三";break;case 4:result = "星期四";break;case 5:result = "星期五";break;case 6:result = "星期六";break;default:result = "星期日";}}else{result = datetime.substring(0,10);} return result;
}//是否为今天
function isToday(str){var d = new Date(str.replace(/-/g,"/"));var todaysDate = new Date();if(d.setHours(0,0,0,0) == todaysDate.setHours(0,0,0,0)){return true;} else {return false;}
}//是否为昨天
function isYesterday(str){var d = new Date(str.replace(/-/g,"/"));var todaysDate = new Date();todaysDate.setDate(todaysDate.getDate()-1);if(d.setHours(0,0,0,0) == todaysDate.setHours(0,0,0,0)){return true;} else {return false;}
}
//是否为本周内的一天
function isCurrentWeek(str){var d = new Date(str.replace(/-/g,"/"));var todaysDate = new Date();var firstdayoffset = (todaysDate.getDay()==0?7:todaysDate.getDay())-1;todaysDate.setDate(todaysDate.getDate()-firstdayoffset-1);var firstday = todaysDate.toISOString().substring(0,10);firstday = new Date(firstday);todaysDate.setDate(todaysDate.getDate()+8);var lastday = todaysDate.toISOString().substring(0,10);lastday = new Date(lastday);if((d.setHours(0,0,0,0) > firstday.setHours(0,0,0,0)) && (d.setHours(0,0,0,0) < lastday.setHours(0,0,0,0))){return true;} else {return false;}
}module.exports = {messageFormat
}
script
<script>import {messageFormat} from "@/utils/util.js"export default {data() {return {myApplicationQty: 0, //我的用车数量myApplicationQtyTime: null, //我的用车时间}}
</script>
template
<view class="item-time-count"><view class="time" v-if="myApplicationQty != 0">{{myApplicationQtyTime}}</view><view class="mes-count" v-if="myApplicationQty != 0">{{myApplicationQty > 99 ? '99+' : myApplicationQty}}</view>
</view>
methods
methods: {//请求接口返回数据(此处省略)//对返回的时间数据进行转换时间处理if(res.data.myApplicationQtyTime){// 转换时间this.myApplicationQtyTime = messageFormat(res.data.myApplicationQtyTime)}
}