小程序异步机制导致页面加载无法获取登录信息 及时间格式 invalid
坑一:为了体验 小程序所有的执行都是异步,此处我的项目场景是登陆成功后跳转到index页面,index根据返回的openid获取用户活动列表 数据,但是因为异步 ,app.js执行后index页面是并行的。导致获取活动数据时提示未登录。
采用回调函数 :
getUserInfo: function (cb) { var that = this if (this.globalData.userInfo) { typeof cb == "function" && cb(this.globalData.userInfo) } else { wx.getUserInfo({ success: function (res) { console.log('用户信息', res.userInfo) that.globalData.userInfo = res.userInfo typeof cb == "function" && cb(that.globalData.userInfo) } }) } },
在其他需要使用userinfo的页面中通过getApp().getUserInfo(function(userinfo){console.log(userinfo);})
这种方式调用。
坑二: 时间格式
在小程序开发IDE中时间 正常,但是在手机上运行调试却显示时间invalid,这其实和浏览器内核有关,网上搜索后发现 有同样问题。如 IE、firefox浏览器下JS的new Date()的值为Invalid Date、NaN-NaN的问题
new Date('2016-01-01 00:00:00') //却返回这个值Invalid Date,转换失败
解决方式:最终发现是字符串的格式不被某些浏览器失败,而导致的。在具体使用的时候,可以通过一些字符串转换的方式,将日期字符串格式转换正确之后,再使用new Date()。
new Date('2016/01/01 00:00:00') //这下就转换正确了Wed Jan 1 00:00:00 UTC+0800 2014
var date="2016-12-12 10:10:10"; date=date.replace(new RegExp(/-/gm) ,"/"); //将所有的'-'转为'/'即可 Date d=new Date(date);
所以,不同的浏览器还是存在差异的,以下列出了所有浏览器都支持的方式。
1 var d = new Date(2011, 01, 07); // yyyy, mm-1, dd 2 var d = new Date(2011, 01, 07, 11, 05, 00); // yyyy, mm-1, dd, hh, mm, ss 3 var d = new Date("02/07/2011"); // "mm/dd/yyyy" 4 var d = new Date("02/07/2011 11:05:00"); // "mm/dd/yyyy hh:mm:ss" 5 var d = new Date(1297076700000); // milliseconds 6 var d = new Date("Mon Feb 07 2011 11:05:00 GMT"); // ""Day Mon dd yyyy hh:mm:ss GMT/UTC
参考解决方案:
http://blog.csdn.net/mayuko2012/article/details/78252870
http://www.zc0317.com/post/view?id=72
http://bbs.csdn.net/topics/392209355?page=1
https://segmentfault.com/q/1010000011397489/a-1020000011578274
https://www.cnblogs.com/hhzf/p/5833640.html