uniapp时间格式和距离格式的转换
作者：爱健身的小刘同学
这篇文章主要介绍了uniapp时间格式和距离格式的转换,第一种是把 YYYY-MM-DD hh:mm:ss 转换成 MM月DD日,第二种是把 hh:mm:ss 转换成 hh:mm,本文给大家介绍的非常详细,需要的朋友可以参考下
时间格式的转换
第一种是把 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';
}
},到此这篇关于uniapp时间格式和距离格式的转换的文章就介绍到这了,更多相关uniapp时间格式转换内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！