Analyse des Selektors (Uhrzeit, Datum, Region) des WeChat-Applets

In diesem Artikel werden hauptsächlich relevante Informationen zur detaillierten Erläuterung des WeChat-Applet-Selektors (Uhrzeit, Datum, Region) vorgestellt, um allen Freunden das Erlernen und Verstehen dieses Teils zu erleichtern Bedürftige können darauf verweisen.

WeChat-Applet-Auswahl (Zeit, Datum, Region)

WeChat-Applet-Entwicklung Da ich kürzlich die Entwicklung des WeChat-Applets erfahren habe, Basierend auf meinen eigenen Übungsergebnissen habe ich die Ergebnisse sortiert und einige Beispiele für die Datumsauswahl, Zeitauswahl und Regionsauswahl gefunden. Wenn es Fehler gibt, hoffe ich, dass Sie diese korrigieren können.

Die in WeChat-Umschlägen verpackten Steuerelemente fühlen sich sehr gut an und ersparen uns Entwicklern viel Ärger. Der Nachteil ist, dass wir heute nicht viele Anpassungen vornehmen können.

GIF hochladen:

Code hochladen:

1.index.js

//index.js 
//获取应用实例 
var app = getApp() 
Page({ 
 data: { 
  date: '2016-11-08', 
  time: '12:00', 
  array: ['中国', '巴西', '日本', '美国'], 
  index: 0, 
 }, 
 
 onLoad: function () { 
 
 }, 
 // 点击时间组件确定事件 
 bindTimeChange: function (e) { 
  this.setData({ 
   time: e.detail.value 
  }) 
 }, 
 // 点击日期组件确定事件 
 bindDateChange: function (e) { 
  this.setData({ 
   date: e.detail.value 
  }) 
 }, 
 // 点击国家组件确定事件 
 bindPickerChange: function (e) { 
  this.setData({ 
   index: e.detail.value 
  }) 
 } 
}) 

2.index.wxml
[html] view plain copy
<!--index.wxml--> 
<view class="section" style="background:#787878;margin:20rpx;padding:20rpx"> 
 <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}"> 
  <view class="picker"> 
   国家：{{array[index]}} 
  </view> 
 </picker> 
</view> 
 
<view class="section" style="background:#787878;margin:20rpx;padding:20rpx"> 
 <picker mode="time" value="{{time}}" start="09:01" end="21:01" bindchange="bindTimeChange"> 
  <view class="picker"> 
   时间 : {{time}} 
  </view> 
 </picker> 
</view> 
<view class="section" style="background:#787878;margin:20rpx;padding:20rpx"> 
 <picker mode="date" value="{{date}}" start="2015-09-01" end="2017-09-01" bindchange="bindDateChange"> 
  <view class="picker"> 
   日期: {{date}} 
  </view> 
 </picker> 
</view>

①Gewöhnlicher Selektor

Der Selektor unterscheidet sich nach Modus. Der Standardwert ist der gewöhnliche Selektor, z. detail Der von .value erhaltene Wert ist der Index des ausgewählten Elements, und dann wird der Wert über das Array erhalten. Fügen Sie beim Initialisieren der Daten einfach das alternative Element zum Array hinzu Wenn Sie „Ereignis“ auswählen, erhalten Sie den Index.

②Zeitauswahl

Wenn Modus = Zeit, ist dies der Beginn und das Ende der Zeitauswahl Zeitbereich bzw. Ende.Format hh:mm
BindTimeChange-Ereignis auslösen, wenn ausgewählt, Zeit abrufen.

③Datumsauswahl

Modus = Datum, ja Zeitauswahl. Start und Ende sind der Beginn bzw. das Ende des gültigen Datumsbereichs. Das bindDateChange-Ereignis wird ausgelöst, wenn das Format jjjj-MM-tt
ausgewählt ist und das Datum

ist Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für das Lernen aller hilfreich ist. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

So springen und übertragen Sie Daten im WeChat-Applet

So verwenden Sie setData im WeChat-Applet

So verwenden Sie die Datums- und Zeitauswahl des WeChat-Applets

Das obige ist der detaillierte Inhalt vonAnalyse des Selektors (Uhrzeit, Datum, Region) des WeChat-Applets. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!