组件说明

创作来源：这是仿支付宝账单日期筛选功能的小程序组件，基于微信小程序组件 picker-view 和 picker-view-column。

下载地址：仿支付宝日期筛选组件

使用说明

  1. 在使用页面JSON文件中引用组件。
{
    "usingComponents": {
        "picker-date": "/components/picker-date/picker-date"
    }
}
  1. 在页面WXML文件中使用。
<picker-date
    wx:if="{{pickerDateShow}}"
    year="{{2018}}"
    init-date="{{date}}"
    catch:picker-date-done="pickerDateDone"
></picker-date>

参数说明

参数 说明 类型 默认值
year 开始年份 Number 2018
initDate 初始传入组件日期 String 当前时间
pickerDateShow 组件显示标志 Boolean false
picker-date-done 日期选择完成事件 function ...

示例:

demo-1

demo-2

demo-3