有時候做一些時間選擇的時候,需要給分鐘取整。下面的方法就可以實現該效果。
// 過濾時間
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...