微信小程序日期时间选择器如何使用

发布日期： 2018-02-02 阅读量： 作者： 网络

本文主要为大家详细介绍了微信小程序日期时间选择器的使用方法，自定义精确到分秒或时段，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。

效果图

精确到秒的微信小程序日期时间选择器

实现原理

利用微信小程序的picker组件的多列选择器实现！

WXML

<view>
 <view>时间选择器（选择时分）</view>
 <picker>
 <view>
  午饭时间: {{time}} 
 </view>
 </picker></view><view>
 <view>日期选择器（选择年月日）</view>
 <picker>
 <view>
  国庆出游: {{date}}
 </view>
 </picker></view><view>
 <view>日期时间选择器（精确到秒）</view>
 <picker>
 <view>
  选择日期时间: {{dateTimeArray[0][dateTime[0]]}}-{{dateTimeArray[1][dateTime[1]]}}-{{dateTimeArray[2][dateTime[2]]}} {{dateTimeArray[3][dateTime[3]]}}:{{dateTimeArray[4][dateTime[4]]}}:{{dateTimeArray[5][dateTime[5]]}}
 </view>
 </picker></view><view>
 <view>日期时间选择器（精确到分）</view>
 <picker>
 <view>
  选择日期时间: {{dateTimeArray1[0][dateTime1[0]]}}-{{dateTimeArray1[1][dateTime1[1]]}}-{{dateTimeArray1[2][dateTime1[2]]}} {{dateTimeArray1[3][dateTime1[3]]}}:{{dateTimeArray1[4][dateTime1[4]]}}
 </view>
 </picker></view>

# 选择器 # 小程序 # 如何

下一篇: PHP 函数中递归如何防止栈溢出？

微信小程序日期时间选择器如何使用

随便看看