vue 透過過濾器格式化時間ios出現NaN的問題

Jack2k發表於2021-09-09

做專案的時候遇到一個問題,用定義了一個過濾器格式化時間,電腦上看很完美,放到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/,如需轉載,請註明出處,否則將追究法律責任。

相關文章