1.0.8 • Published 2 years ago
@mas.io/adc-datetime-picker v1.0.8
安装
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"/>