微信小程序之picker日期和时间选择器

微信小程序之微信小程序之picker日期和时间选择器日期和时间选择器

本篇文章主要介绍了微信小程序之picker选择器，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一

起跟随小编过来看看吧

下面来介绍小picker，分三种样式：

默认的自己可以定义数据的

mode="time"是时间选择器

mode="date"是日期选择器

跟其他的一样先来看下picker.wxml

<view class="section">

<view class="section__title">地区选择器</view>

<picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">

<view class="picker">

当前选择：{{array[index]}}

</view>

</picker>

</view>

<view class="section">

<view class="section__title">时间选择器</view>

<view class="section">

<view class="section__title">日期选择器</view>

<picker mode="date" value="{{date}}" start="2015-09-01" end="2017-09-01" bindchange="bindDateChange">

<view class="picker">

当前选择: {{date}}

</view>

</picker>

</view>

</view>

</view>

padding: 50rpx 50rpx 100rpx 50rpx;

text-align: center;

}

.page__title{

display: inline-block;

padding: 20rpx 40rpx;

font-size: 32rpx;

color: #AAAAAA;

border-bottom: 1px solid #CCCCCC;

}

.section{

margin-bottom: 80rpx;

}

.section__title{

margin-bottom: 16rpx;

padding-left: 30rpx;

padding-right: 30rpx;