移動端h5,分鐘取整的實現

2021-09-26 03:20:21 字數 1566 閱讀 3156

有時候做一些時間選擇的時候,需要給分鐘取整。下面的方法就可以實現該效果。

//  過濾時間

filtertime

(`2019-10-10 10:59`

)function

filtertime

(time)

` : i

}let[t1, t2, t3, t4, t5]=[

newdate

(time)

.getfullyear()

,filterzero

(new

date

(time)

.getmonth()

+1),

filterzero

(new

date

(time)

.getdate()

),filterzero

(new

date

(time)

.gethours()

),filterzero

(new

date

(time)

.getminutes()

),] console.

log(

`預設日期:$-

$-$$

:$`)

;filterrang()

function

filterrang()

else

if(i >=

11&& i <=20)

else

if(i >=

21&& i <=30)

else

if(i >=

31&& i <=40)

else

if(i >=

41&& i <=50)

else

}function

filterhours

(i)else

}function

filterday

(i)else

}function

filtermonth

(i)else

} console.

log(`$

-$-$

$:$`

);return`$

-$-$

$:$`

;}

輸出結果為 2019-10-10 11:00
需要注意的是,在做移動端時間轉化為時間戳時,安卓手機上訪問時,能拿到時間戳,從而正確轉換時間,而在ios上缺不能正常顯示,顯示的時間為:nan-nan1-nan ,所以必須做下處理。

new

date

("2019-10-10 10:00:00"

.replace

(/-/g

,'/'))

.gettime()

;// 加上replace(/-/g,'/')解決了問題!!

移動端h5文字長按複製 H5實現移動端複製文字功能

前言 移動端專案開發中,經常遇到需要複製文字的場景,今天咱們就來聊一下,移動端複製文字的那些事 效果預覽 背景分析 業務需求很簡單,將指定的文字 例如 關鍵字 文案描述等 複製到手機的剪貼簿上,方便使用者直接進行貼上 解決方案 相關api document.execcommand setselect...

canvas實現畫板(移動端 h5)

如下 doctype html utf 8 畫板 title body canvas style head text align center 600 width 900 id canvas 親,您的瀏覽器不支援canvas,換個瀏覽器試試吧!span canvas div window.onloa...

Flexible實現H5移動端適配小demo

看了宇哥關於移動端適配的分享後,加上目前公司專案也需要做移動端適配,今天就抽空搞了搞。目前業界還是比較推崇手淘使用 rem viewport 的解決方案,今天自己模仿手淘flexible的解決方案,實現了個簡單的demo。flexible動態獲取裝置寬度和dpr,為html元素新增兩個屬性 data...