微信小程序怎么使用picker實(shí)現(xiàn)時(shí)間和日期選擇框功能

這篇文章主要介紹微信小程序怎么使用picker實(shí)現(xiàn)時(shí)間和日期選擇框功能，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

具體如下：

1、效果展示

2、關(guān)鍵代碼

① index.wxml

<picker value="{{picker1Value}}" range="{{picker1Range}}" bindchange="normalPickerBindchange">
  當(dāng)前城市選擇：{{picker1Range[picker1Value]}}
</picker>
<picker mode="time" value="{{timeValue}}" start="00:00" end="24:00" bindchange="timePickerBindchange">
 當(dāng)前時(shí)間選擇: {{timeValue}}
</picker>
<picker mode="date" value="{{dateValue}}" start="1999-01-01" end="2999-12-12" bindchange="datePickerBindchange">
 當(dāng)前日期選擇: {{dateValue}}
</picker>

② index.js

Page({
 data:{
  // text:"這是一個(gè)頁(yè)面"
  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
  })
 }
})

以上是“微信小程序怎么使用picker實(shí)現(xiàn)時(shí)間和日期選擇框功能”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！