Fork me on GitHub

小程序异步机制导致页面加载无法获取登录信息 及时间格式 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

posted @ 2018-03-05 14:20  低调的神  阅读(307)  评论(0编辑  收藏  举报