记录在微信小程序 组件中使用监听observers

在编写表单的时候，因为有一个省市区的选择器重复用到，所以想拎出来当一个组件，同时后面又增加需求，这个表单页面展示时，先查数据，有的话要展示

但是这时我从后台拿到数组，发现传进组件的数据，接收到了却没有展示出来，看了其他博客，说是渲染问题：

picker里面的参数在data里已经完成初始化了

所以结果就是value对应的是data里面初始化的值，初始化的值为空，自然默认值只能是第一个。

我这里在组件中使用observers解决的

另外，不是组件，表单页面上直接使用picker组件也有这个问题，从后台拿到数据，即时使用了setData修改picker 的index，数据也没有展示出来，我的解决方式：

对原生微信小程序不是很熟，仅供参考

registerwxml

<view class="form-item list-msg">

<text class="item_name">性别</text>

<picker bindchange="pickSex" value="{{ gender }}" class="sex" range="{{ columns }}">

<view>

{{ columns[gender] == "" "请输入性别" : "" }}{{ columns[gender] }}

</view>

</picker>

</view>

registerjs

Page（{

columns: ["未知", "男", "女"],

gender: 0 || wxgetStorageSync("gender") 1,

}）

pickSex: function(e) {

thissetData({

gender: edetailvalue

});

// consolelog("当前选择性别-sex", edetailvalue);

},

获取当前时间

首先，在要获取时间的js文件中加载utiljs文件

然后在onload方法中，调用utiljs中的formatTime方法获取当前时间

//获取当前时间

//

调用函数时，传入new

Date()参数，返回值是日期和时间

var

TIME

=

utilformatTime(new

Date());

thissetData({

time:

TIME,

});

这样就获取到了当前时间，但是我们发现在utiljs中并没有获取当前日期的方法。

没事，别慌！

这个时候我们去看下utiljs中获取当前时间的方法formatTime()，里面的方法写的特别容易理解，我们可以模仿这个方法写一个formatDate()方法。

看到那个小箭头了吗，你可以随便设置，我这样子设置后就是

2018-7-16

这样的效果。

到了这里，还差最后一步，如图

在moduleexports中一定要加上你写的方法，否则程序会报错说找不定formatDate这个方法。

加好了之后，就能成功在onload中调用这个方法获取日期了。

//获取当前日期

var

DATE

=

utilformatDate(new

Date());

thissetData({

date:

DATE,

});

以上所述是小编给大家介绍的微信小程序获取当前时间及日期的方法详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:微信小程序中时间戳和日期的相互转换问题微信小程序日期时间选择器使用方法微信小程序使用picker实现时间和日期选择框功能附源码下载微信小程序

滚动选择器(时间日期)详解及实例代码微信小程序之picker日期和时间选择器微信小程序

选择器（时间，日期，地区）实例详解

以上就是关于记录在微信小程序 组件中使用监听observers全部的内容，包括:记录在微信小程序 组件中使用监听observers、wx小程序-picker自定义性别、详解微信小程序获取当前时间及日期的方法等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！