无码日韩精品无码国产_一级做a爰片久久毛片潮喷_国产欧美国日产_久久9热re这里只有国产中文精品6_每天将为您更新成人影视在线看免费观看

Menu
小程序資訊
小程序資訊
微信小程序把玩《六》:picker組件,radio組件,slider組件
時間:2016-10-21 15:03:00
一:picker組件

picker選擇器分為三種,普通選擇器,時間選擇器, 日期選擇器 用mode屬性區(qū)分,默認(rèn)是普通選擇器。測試時時間和日期點擊無反應(yīng)不知道是BUG還是啥!沒法手機(jī)測試現(xiàn)在也不知道咋回事??!

主要屬性:

普通選擇器

時間選擇器

日期選擇器

wxml

  1. <view>普通選擇器</view>
  2. <!--mode默認(rèn)selector range數(shù)據(jù)源value選擇的index bindchange事件監(jiān)聽-->
  3. <picker mode="selector" range="{{array}}" value="{{index}}" bindchange="listenerPickerSelected">
  4. <text>{{array[index]}}</text>
  5. </picker>
  6. <view>時間選擇器</view>
  7. <picker mode="time" value="{{time}}" start="06:00" end="24:00" bindchange="listenerTimePickerSelected">
  8. <text>{{time}}</text>
  9. </picker>
  10. <view>日期選擇器</view>
  11. <picker mode="date" value="{{date}}" start="2016-09-26" end="2017-10-10" bindchange="listenerDatePickerSelected">
  12. <text>{{date}}</text>
  13. </picker>

js

  1. Page({
  2. data:{
  3. // text:"這是一個頁面"
  4. array: ['Android', 'IOS', 'ReactNativ', 'WeChat', 'Web'],
  5. index: 0,
  6. time: '08:30',
  7. date: '2016-09-26'
  8. },
  9. /**
  10. * 監(jiān)聽普通picker選擇器
  11. */
  12. listenerPickerSelected: function(e) {
  13. //改變index值,通過setData()方法重繪界面
  14. this.setData({
  15. index: e.detail.value
  16. });
  17. },
  18. /**
  19. * 監(jiān)聽時間picker選擇器
  20. */
  21. listenerTimePickerSelected: function(e) {
  22. //調(diào)用setData()重新繪制
  23. this.setData({
  24. time: e.detail.value,
  25. });
  26. },
  27. /**
  28. * 監(jiān)聽日期picker選擇器
  29. */
  30. listenerDatePickerSelected:function(e) {
  31. this.setDate({
  32. date: e.detail.value
  33. })
  34. },
  35. onLoad:function(options){
  36. // 頁面初始化 options為頁面跳轉(zhuǎn)所帶來的參數(shù)
  37. },
  38. onReady:function(){
  39. // 頁面渲染完成
  40. },
  41. onShow:function(){
  42. // 頁面顯示
  43. },
  44. onHide:function(){
  45. // 頁面隱藏
  46. },
  47. onUnload:function(){
  48. // 頁面關(guān)閉
  49. }
  50. })
咨詢
微信掃碼咨詢
電話咨詢
400-888-9358