安装

tnpm install --save @alipay/adc-datetime-picker

组件介绍

时间选择器，支持日期、年月、时分等维度，通常与弹出层组件配合使用。

参数说明

属性 | 必填 | 参数类型 | 参数说明 | 默认值 | 示例 --|:--:|:--:|:--:|:--: | :-: isShow | 是 | Boolean | 是否显示 | false | true type | 否 | String | 时间类型，可选值为 datetime date year-month | datetime | date pickerType | 否 | String | 时间范围选择 | | range minDate | 否 | Date | 可选的最小时间，精确到分钟 | 十年前 | maxDate | 否 | Date | 可选的最大时间，精确到分钟 | 十年后 | minHour | 否 | number | 可选的最小小时 | 0 | maxHour | 否 | number | 可选的最大小时 | 23 | minMinute | 否 | number | 可选的最小分钟 | 0 | maxMinute | 否 | number | 可选的最大分钟 | 59 | onFormatter | 否 | Function | 格式化column | | (type, values)=>{} onFilter | 否 | Function | 过滤column | | (type, values)=>{} onConfirm | 否 | Function | 点击确定按钮时触发的事件 | | (values)=>{} onCancel | 否 | Function | 点击取消按钮时触发的事件 | | ()=>{}

在小程序中使用

{
  "usingComponents": {
    "mas-adc-datetime-picker": "@alipay/adc-datetime-picker/es/index"
  }
}

在 page.axml 中引用组件

<!-- 页面使用方式 -->
  <mas-adc-datetime-picker isShow="{{isShow}}" onConfirm="onConfirm"/>

Badges