H5 中 iOS 端 倒计时失败问题
项目中引用了 vant 里面倒计时的组件,发现这个倒计时的在安卓是正常的,可是在 ios 却出现问题。。。
描述:项目用到了 vant 的 Dialog 组件,因为倒计时结束之后有弹框提示,结果安卓正常显示弹框,ios 却不显示。。。
最后排查是时间格式导致的,因为 yyyy-mm-dd hh:mm:ss 这种格式在苹果手机上无法识别,显示成NAN。然而转成 yyyy/mm/dd hh:mm:ss 这种格式就可以了。
解决方式如下:
Django 模板:
var beginAtTime = "{{begin_at | date:'Y/m/d H:i:s'}}"
Vue
倒计时: class="time" :time="time" format="DD天 HH:mm:ss " />