So implementieren Sie die Zeitfunktion im WeChat-Miniprogramm

In diesem Artikel wird hauptsächlich die Verwendung des WeChat-Applets zur Implementierung der Zeit- und Datumsauswahlbox-Funktion vorgestellt. Außerdem werden die relevanten Betriebstechniken der WeChat-Applet-Auswahlkomponente für die Datums- und Uhrzeitauswahl analysiert Quellcode, den Leser als Referenz herunterladen können.

Dieser Artikel beschreibt das Beispiel für die Verwendung des Pickers zur Implementierung der Zeit- und Datumsauswahlbox-Funktion im WeChat-Applet. Teilen Sie es wie folgt als Referenz mit allen:

Schlüsselcode

① index.wxml

<picker value="{{picker1Value}}" range="{{picker1Range}}" bindchange="normalPickerBindchange">
  当前城市选择：{{picker1Range[picker1Value]}}
</picker>
<picker mode="time" value="{{timeValue}}" start="00:00" end="24:00" bindchange="timePickerBindchange">
 当前时间选择: {{timeValue}}
</picker>
<picker mode="date" value="{{dateValue}}" start="1999-01-01" end="2999-12-12" bindchange="datePickerBindchange">
 当前日期选择: {{dateValue}}
</picker>

② index.js

Page({
 data:{
  // text:"这是一个页面"
  picker1Value:0,
  picker1Range:['北京','上海','广州','深圳'],
  timeValue:'08:08',
  dateValue:'2016-10-13'
 },
 normalPickerBindchange:function(e){
  this.setData({
   picker1Value:e.detail.value
  })
 },
 timePickerBindchange:function(e){
  this.setData({
   timeValue:e.detail.value
  })
 },
 datePickerBindchange:function(e){
  this.setData({
   dateValue:e.detail.value
  })
 }
})

Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Über automatisierte Konstruktion in Webpack (ausführliches Tutorial)

So implementieren Sie das Hochladen von Bildern im WeChat-Applet usw. Eine Reihe von Funktionen

So erstellen Sie ein Front-End-Framework für die universelle Datensimulation (ausführliches Tutorial)

So implementieren Sie Flux auf knockoutjs

So implementieren Sie nahtlose Bildlaufkomponenten mit Vue

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Zeitfunktion im WeChat-Miniprogramm. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!