vue 透過過濾器格式化時間ios出現NaN的問題
做專案的時候遇到一個問題,用定義了一個過濾器格式化時間,電腦上看很完美,放到ios上一看傻眼了,顯示NaN,一番百度之後發現問題是ios上識別不來“2020-09-23”這種時間格式,所以就把“-”,替換成‘/’就解決了
上程式碼
<template lang='pug'>
span.time {{ item.evaluateTime | formatter('yyyy-mm-dd') }}
</template>
filters: {
formatter(time, pattern = "") {
var format = time.replace(/-/g, "/"); //把“-”,替換成‘/’
var date = new Date(format),
y = date.getFullYear(),
m = (date.getMonth()+1).toString().padStart(2, 0),
d = date.getDate().toString().padStart(2, 0),
h = date.getHours().toString().padStart(2, 0),
mi = date.getMinutes().toString().padStart(2, 0),
se = date.getSeconds().toString().padStart(2, 0);
if (pattern == "yyyy-mm-dd") {
return `${y}.${m}.${d}`;
} else {
return `${y}-${m}-${d} ${h}:${mi}:${se}`;
}
},
},
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/36/viewspace-2826307/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- vue 日期時間過濾器Vue過濾器
- Gateway過濾器中呼叫OpenFeign時出現迴圈依賴問題Gateway過濾器
- 針對ie、safari瀏覽器時間格式化NAN問題解決方法瀏覽器NaN
- Vue過濾器Vue過濾器
- vue 過濾器Vue過濾器
- Vue中過濾器Vue過濾器
- vue---過濾器Vue過濾器
- vue filters過濾器VueFilter過濾器
- 帶你掌握Vue過濾器filters及時間戳轉換Vue過濾器Filter時間戳
- 通過Vue的過濾器實現資料的資料脫敏Vue過濾器
- Vue案例引發的「過濾器」的使用Vue過濾器
- sphinx查詢過濾問題
- 換個角度使用VUE過濾器Vue過濾器
- Vue原始碼閱讀--過濾器Vue原始碼過濾器
- vue 列表過濾Vue
- 4、過濾器的使用及自定義過濾器過濾器
- [20180417]奇怪的grep過濾問題.txt
- 過濾器過濾器
- 布隆過濾器解決快取穿透問題過濾器快取穿透
- 通過幾個問題深入淺出VueVue
- 如何在vue中使用過濾器filterVue過濾器Filter
- Vue定義全域性過濾器filterVue過濾器Filter
- Asp.Net Core中利用過濾器控制Nginx的快取時間ASP.NET過濾器Nginx快取
- PHP實現布隆過濾器PHP過濾器
- Spring Cloud Gateway中的過濾器工廠:重試過濾器SpringCloudGateway過濾器
- [20200402]strace過濾使用awk問題.txt
- DataV過濾器過濾器
- Filter過濾器Filter過濾器
- hbase過濾器過濾器
- NetCore過濾器NetCore過濾器
- 代理過濾器過濾器
- CAN過濾器過濾器
- Vue initAssetRegisters()建立元件、指令、過濾器原始碼Vue元件過濾器原始碼
- Filter過濾器的使用Filter過濾器
- Xor過濾器:比布隆Bloom過濾器更快,更小過濾器OOM
- web前端技巧分享:vue過濾器的那點事!Web前端Vue過濾器
- 13.gateway中的過濾器的介紹以及自定義過濾器Gateway過濾器
- 誠翔濾器光刻膠過濾器濾芯:保障光刻過程的高效與安全過濾器