uniapp時間格式和距離格式的轉換
更新時間：2023年09月21日 15:31:25 作者：愛健身的小劉同學
這篇文章主要介紹了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變?yōu)?hh:mm 的格式
* @returns
*/
export function formatHour(timeStr) {
return timeStr.split(':').slice(0, 2).join(':');
}距離格式
因為獲取到的格式是 以m 為單位的
我們需要的效果是 以km為單位 所以需要對數(shù)據(jù)進行處理
希望得到的值為 11.1km 這種 保留一位小數(shù)
如果當?shù)玫降闹敌∮?km 的時候 就顯示本身 不用去轉換
{{ formatDistance(item.distance) }}
export default {
methods: {
formatDistance, // 將函數(shù)添加到組件的 methods 中
},
}
// 把這段放到utils文件內 方便復用
formatDistance(distance) {
if (distance >= 1000) {
// 大于等于 1000 米時，轉換為千米
return (distance / 1000).toFixed(1) + 'km';
} else {
// 小于 1000 米時，直接顯示米
return distance + 'm';
}
},到此這篇關于uniapp時間格式和距離格式的轉換的文章就介紹到這了,更多相關uniapp時間格式轉換內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要為大家詳細介紹了bootstrap布局中input輸入框右側圖標點擊功能實現(xiàn)的相關代碼，感興趣的小伙伴們可以參考一下2016-05-05
這篇文章主要給大家介紹了利用JS實現(xiàn)復制指定對應id的內容到粘貼板（Ctrl+C效果）,文中給出了詳細的介紹和示例代碼，有需要的朋友可以參考借鑒，下面來一起看看吧。2017-01-01
這篇文章主要介紹了javascript折半查找詳解的相關資料,需要的朋友可以參考下2015-01-01
HTML頁面滾動時獲取離頁面頂部的距離2種實現(xiàn)方法
獲取離滾動頁面的頂部距離有兩種方法一是DOM；而是jquery，具體的實現(xiàn)如下，感興趣的朋友可以嘗試操作下2013-09-09
詳解webpack4.x之搭建前端開發(fā)環(huán)境
這篇文章主要介紹了詳解webpack4.x之搭建前端開發(fā)環(huán)境，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-03-03
本文給大家介紹require.js的用法，require.js的誕生是為了解決兩大問題，第一實現(xiàn)js文件的異步加載，避免網(wǎng)頁失去響應，第二管理模塊之間的依賴性，便于代碼的編寫和維護，對require.js用法感興趣的朋友可以參考下本篇文章2015-10-10
本文主要介紹了JavaScript中Array.from()的用法總結2023-05-05
本文為大家介紹了使用js彈出新頁面同時避免被瀏覽器、ad攔截等，具體的實現(xiàn)方法如下，大家不妨參考參考2014-04-04
小程序input數(shù)據(jù)雙向綁定實現(xiàn)方法
這篇文章主要介紹了小程序input數(shù)據(jù)雙向綁定實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-10-10
JS中Generator函數(shù)與async函數(shù)用法介紹
javascript中經(jīng)常會用到異步編程，在ES6之后我們使用的?Generator函數(shù)、async函數(shù)、promise都是我們異步編程的一大助力，這里我們主要講解Generator、async函數(shù)，并且簡介他們之間的一些聯(lián)系，本篇文章會帶著一些簡易案例，方便大家理解使用2023-06-06