时间格式的转换

第一种是把  YYYY-MM-DD hh:mm:ss 转换成 MM月DD日

第二种是把  hh:mm:ss 转换成 hh:mm

/***  格式化时间 1*  把传入的完整时间分为 MM月DD日 的格式* @returns*/
export function formatDate(timeStr) {const date = new Date(timeStr);const month = (date.getMonth() + 1).toString().padStart(2, "0"); // 获取月份，并补齐为两位const day = date.getDate().toString().padStart(2, "0"); // 获取日期，并补齐为两位return `${month}月${day}日`;
}/***  格式化时间 2*  把hh:mm:ss变为 hh:mm 的格式* @returns*/
export function formatHour(timeStr) {return timeStr.split(':').slice(0, 2).join(':');
}

距离格式

因为获取到的格式是 以m 为单位的

我们需要的效果是 以km为单位 所以需要对数据进行处理

希望得到的值为 11.1km 这种 保留一位小数

如果当得到的值小于1km 的时候 就显示本身 不用去转换

{{ formatDistance(item.distance) }}export default {methods: {formatDistance, // 将函数添加到组件的 methods 中},
}// 把这段放到utils文件内 方便复用formatDistance(distance) {if (distance >= 1000) {// 大于等于 1000 米时，转换为千米return (distance / 1000).toFixed(1) + 'km';} else {// 小于 1000 米时，直接显示米return distance + 'm';}},