uniapp時(shí)間格式和距離格式的轉(zhuǎn)換
時(shí)間格式的轉(zhuǎn)換
第一種是把 YYYY-MM-DD hh:mm:ss 轉(zhuǎn)換成 MM月DD日
第二種是把 hh:mm:ss 轉(zhuǎn)換成 hh:mm
/** * 格式化時(shí)間 1 * 把傳入的完整時(shí)間分為 MM月DD日 的格式 * @returns */ export function formatDate(timeStr) { const date = new Date(timeStr); const month = (date.getMonth() + 1).toString().padStart(2, "0"); // 獲取月份,并補(bǔ)齊為兩位 const day = date.getDate().toString().padStart(2, "0"); // 獲取日期,并補(bǔ)齊為兩位 return `${month}月${day}日`; } /** * 格式化時(shí)間 2 * 把hh:mm:ss變?yōu)?hh:mm 的格式 * @returns */ export function formatHour(timeStr) { return timeStr.split(':').slice(0, 2).join(':'); }
距離格式
因?yàn)楂@取到的格式是 以m 為單位的
我們需要的效果是 以km為單位 所以需要對(duì)數(shù)據(jù)進(jìn)行處理
希望得到的值為 11.1km 這種 保留一位小數(shù)
如果當(dāng)?shù)玫降闹敌∮?km 的時(shí)候 就顯示本身 不用去轉(zhuǎn)換
{{ formatDistance(item.distance) }} export default { methods: { formatDistance, // 將函數(shù)添加到組件的 methods 中 }, } // 把這段放到utils文件內(nèi) 方便復(fù)用 formatDistance(distance) { if (distance >= 1000) { // 大于等于 1000 米時(shí),轉(zhuǎn)換為千米 return (distance / 1000).toFixed(1) + 'km'; } else { // 小于 1000 米時(shí),直接顯示米 return distance + 'm'; } },
到此這篇關(guān)于uniapp時(shí)間格式和距離格式的轉(zhuǎn)換的文章就介紹到這了,更多相關(guān)uniapp時(shí)間格式轉(zhuǎn)換內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
bootstrap布局中input輸入框右側(cè)圖標(biāo)點(diǎn)擊功能
這篇文章主要為大家詳細(xì)介紹了bootstrap布局中input輸入框右側(cè)圖標(biāo)點(diǎn)擊功能實(shí)現(xiàn)的相關(guān)代碼,感興趣的小伙伴們可以參考一下2016-05-05JS復(fù)制對(duì)應(yīng)id的內(nèi)容到粘貼板(Ctrl+C效果)
這篇文章主要給大家介紹了利用JS實(shí)現(xiàn)復(fù)制指定對(duì)應(yīng)id的內(nèi)容到粘貼板(Ctrl+C效果),文中給出了詳細(xì)的介紹和示例代碼,有需要的朋友可以參考借鑒,下面來一起看看吧。2017-01-01HTML頁面滾動(dòng)時(shí)獲取離頁面頂部的距離2種實(shí)現(xiàn)方法
獲取離滾動(dòng)頁面的頂部距離有兩種方法一是DOM;而是jquery,具體的實(shí)現(xiàn)如下,感興趣的朋友可以嘗試操作下2013-09-09詳解webpack4.x之搭建前端開發(fā)環(huán)境
這篇文章主要介紹了詳解webpack4.x之搭建前端開發(fā)環(huán)境,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-03-03JavaScript中Array.from()的用法總結(jié)
本文主要介紹了JavaScript中Array.from()的用法總結(jié)2023-05-05小程序input數(shù)據(jù)雙向綁定實(shí)現(xiàn)方法
這篇文章主要介紹了小程序input數(shù)據(jù)雙向綁定實(shí)現(xiàn)方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10JS中Generator函數(shù)與async函數(shù)用法介紹
javascript中經(jīng)常會(huì)用到異步編程,在ES6之后我們使用的?Generator函數(shù)、async函數(shù)、promise都是我們異步編程的一大助力,這里我們主要講解Generator、async函數(shù),并且簡(jiǎn)介他們之間的一些聯(lián)系,本篇文章會(huì)帶著一些簡(jiǎn)易案例,方便大家理解使用2023-06-06