微信小程序日期时间选择器的使用方法

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

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

本文实例为大家分享了精确到秒的微信小程序日期时间选择器，供大家参考，具体内容如下

效果图

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

实现原理

利用微信小程序的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>

# 微信小程序日期时间选择器 # 微信小程序日期选择器 # 微信小程序时间选择器 # 微信小程序选择器

相关栏目：【 SEO优化45326 】【技术教程24582 】【 IDC资讯40819 】【网络快讯2884 】【 SEO推广2718 】

上一篇: ## 如何在 React 中实现父组件 A 下子组件 C 获

下一篇: 网页代码中 {{ '\n' }} 不起作用，如何实现换行效果

微信小程序日期时间选择器的使用方法

随便看看