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

前端之家收集整理的这篇文章主要介绍了微信小程序之picker日期和时间选择器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

下面来介绍小picker,分三种样式:

  • 默认的自己可以定义数据的
  • mode="time"是时间选择器
  • mode="date"是日期选择器

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

<view class="section">
<view class="section__title">日期选择器
<picker mode="date" value="{{date}}" start="2015-09-01" end="2017-09-01" bindchange="bindDateChange">
<view class="picker">
当前选择: {{date}}

picker.wxss

picker.js

demo地址:

下面是页面展示

三种样式图:

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

2. mode="time"是时间选择器

3. mode="date"是日期选择器

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

猜你在找的微信小程序相关文章