微信小程序滚动选择器(日期和时间)的详细解释和实例代码
微信小程序滚动选择器(日期和时间)的详细解释微信小程序本身封装了很多控件。使用起来非常方便。如果是Android,它需要定义自己,而不是浪费它。
起来看看是怎么做的。你应该已经做完了,妈的,我们走吧……
为此,我们需要使用选择器组件,从底部向上的动画滚动选择器,现在支持三个选择器,并用模式区分它们,它们是普通选择器、时间选择器、日期选择器,默认值是普通选择器。
查看相应的属性:
具体来说,看看代码、布局:
国家:{ { { } } } objectarray指数
时间:{ } }
日期:{日期}
CSS样式:
部分{。
背景:# cabbc7;
保证金:20rpx;
填料:20rpx
}
JS代码:
页({
数据:{
日期:'2016-11-08,
时间:'12:00,
objectarray:{ '中国','英国','美国' },
指数:0,
},
单击时间/组件确定事件。
BindTimeChange:功能(e){
console.log(哦新闻)
this.setdata({
时间:e.detail.value
})
},
单击日期组件确定事件。
BindDateChange:功能(e){
console.log(e.detail。值)
this.setdata({
日期:e.detail.value
})
},
单击组件以确定事件锡蒂
BindPickerChange:功能(e){
console.log(e.detail。值)
this.setdata({
指数:e.detail.value
})
}
代码非常简单,分别绑定事件,单击OK开关。
谢谢你的阅读。我希望你能帮助你,谢谢你对这个站的支持。