WeChat 미니 프로그램에서 시간 기능을 구현하는 방법

이 글에서는 주로 WeChat 애플릿의 선택기 사용을 소개하고 날짜 및 시간 선택을 위한 WeChat 애플릿 선택기 구성 요소의 관련 운영 기술을 예제 형식으로 분석합니다. 독자들이 참조용으로 다운로드할 수 있습니다. 필요한 경우 친구가 참조할 수 있습니다.

이 문서에서는 선택기를 사용하여 WeChat 애플릿에서 시간 및 날짜 선택 상자 기능을 구현하는 예를 설명합니다. 다음과 같이 참고할 수 있도록 모든 사람과 공유하세요.

1 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
  })
 }
})

위 내용은 모두에게 도움이 되기를 바랍니다. 앞으로도 다들.

관련 기사:

Webpack의 자동화된 구성 정보(자세한 튜토리얼)

WeChat 애플릿에서 이미지 업로드와 같은 일련의 기능을 구현하는 방법

웹팩을 위한 범용 데이터 시뮬레이션 프레임워크를 구축하는 방법 프론트 엔드(자세한 튜토리얼)

Knockoutjs에서 Flux를 구현하는 방법

vue를 사용하여 원활한 스크롤 구성 요소를 구현하는 방법

위 내용은 WeChat 미니 프로그램에서 시간 기능을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!