微信小程序选择器（时间、日期、地区）

微信小程序开发，因为我最近学会了微信小程序的开发，根据我自己的实践结果，整理出来的结果，和日期选择器做了一些例子，时间选择和区域选择。我希望你能纠正这个问题。



感觉很好，用微信包。它为我们的开发人员省去了很多麻烦。缺点是你不能做很多定制的事情。今天，我们试一下选择器。



上的GIF：



上面的代码：



1.index.js




/ / index.js
获取/应用
VaR的应用= GetApp（）
页（{
数据：{
日期：'2016-11-08，
时间：'12:00，
数组：巴西，中国，日本，美国，
指数：0，
}，

onLoad：函数（）{

}，
单击时间/组件确定事件。
BindTimeChange：功能（e）{
this.setdata（{
时间：e.detail.value
}）
}，
单击日期组件确定事件。
BindDateChange：功能（e）{
this.setdata（{
日期：e.detail.value
}）
}，
国民大会决定事件的发生。
BindPickerChange：功能（e）{
this.setdata（{
指数：e.detail.value
}）
}
}）

2.index.wxml
查看普通副本




国家：{数组} }







时间：{ }






日期：{ } }







通用选择器



选择器按模式区分。默认值是普通选择器。这e.detail.value获取是选择项目的索引值，然后通过阵列得到的价值。在数据初始化时，将选项添加到数组中。



的bindpickerchange事件被触发时，选择是选择和指标。得到了

2。时间选择器



模式=时间，是时间选择器。开始，结束是有效时间范围的开始和结束。格式：毫米

的bindtimechange事件被触发时，选择是选择和时间。得到了

日期选择器



模式=日期，是时间选择器。起始、结束分别是有效日期范围的开始和结束。格式yyyy-mm-dd

的binddatechange事件被触发时，被选择的日期了



谢谢你的阅读。我希望你能帮助你，谢谢你对这个站的支持。