分享者:大侠原文地址
//打开微信小程序后,部分模板绑定数据是通过接口调取的,当遇到数据的时间被json格式化后需要正常的显示。可以通过扩展一个方法去处理时间。
1.打开utils里的utils.js ,也可以按照自己的习惯添加我们需要扩展的函数renderTime,方法如下
function renderTime(date) {
var da = new Date(parseInt(date.replace("/Date(", "").replace(")/", "").split("+")[0]));
var Year = da.getFullYear(); //ie火狐下都可以
var Month = da.getMonth() + 1;
var Day = da.getDate();
var Hours=da.getHours();
var Minutes=da.getMinutes();
var Seconds=da.getSeconds();
var CurrentDate = "";
CurrentDate += Year + "-";
if (Month >= 10) {
CurrentDate += Month + "-";
}
else {
CurrentDate += "0" + Month + "-";
}
if (Day >= 10) {
CurrentDate += Day;
}
else {
CurrentDate += "0" + Day;
}
if (Hours <10) {
Hours = "0" + Hours;
}
if (Minutes < 10) {
Minutes ="0"+ Minutes;
}
if (Seconds < 10) {
Seconds ="0"+ Seconds;
}
return CurrentDate + " " + Hours + ":" + Minutes + ":" + Seconds;
}
//引用的话SEO排名服务需要正常的显示。可以通过扩展一个方法去处理时间。
1.打开utils里的utils.js ,也可以按照自己的习惯添加我们需要扩展的函数renderTime,方法如下
function renderTime(date) {
var da = new Date(parseInt(date.replace("/Date(", "").replace(")/", "").split("+")[0]));
var Year = da.getFullYear(); //ie火狐下都可以
var Month = da.getMonth() + 1;
var Day = da.getDate();
var Hours=da.getHours();
var Minutes=da.getMinutes();
var Seconds=da.getSeconds();
var CurrentDate = "";
CurrentDate += Year + "-";
if (Month >= 10) {
CurrentDate += Month + "-";
}
else {
CurrentDate += "0" + Month + "-";
}
if (Day >= 10) {
CurrentDate += Day;
}
else {
CurrentDate += "0" + Day;
}
if (Hours <10) {
Hours = "0" + Hours;
}
if (Minutes < 10) {
Minutes ="0"+ Minutes;
}
if (Seconds < 10) {
Seconds ="0"+ Seconds;
}
return CurrentDate + " " + Hours + ":" + Minutes + ":" + Seconds;
}
//引用的话只需要在你的页面下的js里
var util = require('../../utils/util.js'); 你放置这个函数。
当然utils里的
//扩展的方法需要在Module里去声明
module.exports = {
renderTime:renderTime
}
调用方法。便是 util.renderTime(date);即可。
二:typeof cb == “function” && cb(that.globalData.userInfo)的理解
微信小程序官方demo以及很多代码中会在函数中经常出现typeof cb == “function” && cb(that.globalData.userInfo)一句。开始很不明白网上的回答大多也是一知半解查了官方的api配合demo的代码终于搞清楚了。 代码本身的含义是判断cb是不是函数类型同时将一个参数传入名为cb的函数下这样看似乎还是不明白那就加上源码来看。 1.以下是官方demo中获取用户信息的函数定义
getUserInfo:function(cb){
console.log(‘getUserInfo 函数开始执行’);
var that = this
if(this.globalData.userInfo){
typeof cb == “function” && cb(this.globalData.userInfo)
}else{
//调用登录接口
wx.login({
success: function () {
wx.getUserInfo({
success: function (res) {
console.log(‘用户数据获取成功’);
that.globalData.userInfo = res.userInfo
typeof cb == “function” && cb(that.globalData.userInfo)
}
})
}
})
}
}
2.以下是在index.js中的onLoad函数的代码
onLoad: function () {
console.log(‘onLoad函数开始执行’)
var that = this
//调用应用实例的方法获取全局数据
app.getUserInfo(function(userInfo){
//更新数据
that.setData({
userInfo:userInfo
})
console.log(‘用户数据存入当前页面’);
})
}
解释:在getUserInfo的方法定义中接收了名为cb的参数使用时机就是在拿到用户信息的时候如果这个cb类型为函数就执行名为cb这个函数。再看函数调用在index.js的onLoad方法中调用了这个函数并定义了一函数作为参数函数的内容就是将传入的userInfo设置在当前页面的数据中。
执行步骤:当进入到index页面时首先会调用onLoad函数然后会执行app.getUserInfo()函数(输出可以先乎略)在getUserInfo()函数中会先判断是本地是否保存有用户信息第一次执行的时候肯定没有走else,执行登录方法拿到用户信息然后执行typeof cb == “function” && cb(that.globalData.userInfo) 执行作为参数的函数的方法按输出信息走就是这样一个过程先输出’onLoad方法开始执行’,然后是’getUserInfo 函数开始执行’再然后是’用户数据获取成功’最后会输出’用户数据存入当前页面’。