ITPub博客

首页 > IT职业 > IT生活 > vue 通过过滤器格式化时间ios出现NaN的问题

vue 通过过滤器格式化时间ios出现NaN的问题

IT生活 作者:Jack2k 时间:2021-09-09 10:48:31 0 删除 编辑

做项目的时候遇到一个问题,用定义了一个过滤器格式化时间,电脑上看很完美,放到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博客 ” ,链接:https://blog.itpub.net/36/viewspace-2826307/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2007-12-08

  • 博文量
    214
  • 访问量
    17828