Maison  >  Article  >  interface Web  >  Comment implémenter la fonction de temps dans le mini-programme WeChat

Comment implémenter la fonction de temps dans le mini-programme WeChat

亚连
亚连original
2018-06-21 16:41:342877parcourir

Cet article présente principalement l'utilisation du sélecteur par l'applet WeChat pour implémenter la fonction de boîte de sélection d'heure et de date. Il analyse les techniques de fonctionnement pertinentes du composant de sélection d'applet WeChat pour la sélection de date et d'heure sous forme d'exemples. code source que les lecteurs peuvent télécharger pour référence. Les amis dans le besoin peuvent se référer à

Cet article décrit un exemple d'utilisation du sélecteur pour implémenter la fonction de boîte de sélection d'heure et de date dans l'applet WeChat. Partagez-le avec tout le monde pour votre référence, comme suit :

Code clé

① 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:[&#39;北京&#39;,&#39;上海&#39;,&#39;广州&#39;,&#39;深圳&#39;],
  timeValue:&#39;08:08&#39;,
  dateValue:&#39;2016-10-13&#39;
 },
 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
  })
 }
})

J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

Articles associés :

À propos de la construction automatisée dans Webpack (tutoriel détaillé)

Comment implémenter le téléchargement d'images dans l'applet WeChat, etc. Une série de fonctions

Comment créer un framework de simulation de données universelle front-end (tutoriel détaillé)

Comment implémenter le flux sur knockoutjs

Comment implémenter des composants de défilement transparent à l'aide de vue

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn