为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
Vue.js

做项目的时候遇到一个问题,用定义了一个过滤器格式化时间,电脑上看很完美,放到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}`;
      }
    },
  },
点击查看更多内容
2人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
1
获赞与收藏
20

关注作者,订阅最新文章

阅读免费教程

感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消