微信小程序使用picker时间选择器ios日期NaN

微信小程序使用picker时间选择器显示日期:

微信小程序使用picker时间选择器ios日期NaN_第1张图片

 created方法中,为时间控件赋值:

微信小程序使用picker时间选择器ios日期NaN_第2张图片

 PC,真机调试时间控件都没问题

体验版和正式版时,Android没问题,ios在routerParams.secondPoundTime为空时,获取当前日期(new Date())控件显示正常,当routerParams.secondPoundTime不为空时,页面显示NaN/aN/aN   aN:aN:aN,选择器打开后日列显示“月份格式不正确,请重新输入”

 微信小程序使用picker时间选择器ios日期NaN_第3张图片

 在网上查说是因为ios不支持yyyy-MM-dd hh:mm:ss的格式,于是如上图this.formatDateTime的format改成了yyyy/MM/dd hh:mm:ss格式,但是还是不好用。

后来仔细想了一下,为什么routerParams.secondPoundTime为空时,取当前日期显示就没问题,而根据routerParams.secondPoundTime获取到的date类型用于控件显示有问题呢,那么问题一定出在了转换上。问题就出在了routerParams.secondPoundTime传过来的日期字符串格式是yyyy-MM-dd hh:mm:ss这种形式。。。。那么就把它的格式变成支持ios的yyyy/MM/dd hh:mm:ss这种格式吧,试试~

于是上网上搜了javascript转换日期字符串为Date对象,搜到了一个简单的方法:

 代码修改如下:

 微信小程序使用picker时间选择器ios日期NaN_第4张图片

意外的好用啦~ 

你可能感兴趣的:(小程序)