uniapp-时间格式和距离格式的转换

时间格式的转换

第一种是把  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';
      }
    },