mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-05 05:18:34 +08:00
e6d2b2a035
* fix:修复部分组件事件动作问题&补充组件动作表文档&规范事件动作参数类型 * fix:修复部分组件事件动作问题&补充组件动作表文档&规范事件动作参数类型 * fix:input-range类型声明问题 * fix:input-range单测问题 * fix:input-range单测u snapshot
3.2 KiB
3.2 KiB
title | description | type | group | menuName | icon | order |
---|---|---|---|---|---|---|
InputTimeRange 时间范围 | 0 | null | InputTimeRange | 15 |
基本用法
{
"type": "form",
"api": "/api/mock2/form/saveForm",
"body": [
{
"type": "input-time-range",
"name": "times",
"label": "时间范围"
}
]
}
内嵌模式
{
"type": "form",
"api": "/api/mock2/form/saveForm",
"debug": true,
"body": [
{
"type": "input-time-range",
"name": "times",
"label": "时间范围",
"embed": true
}
]
}
显示秒
默认显示的是时和分,要显示秒请参考以下配置
{
"type": "form",
"api": "/api/mock2/form/saveForm",
"debug": true,
"body": [
{
"type": "input-time-range",
"name": "times",
"label": "时间范围",
"timeFormat": "HH:mm:ss",
"format": "HH:mm:ss",
"inputFormat": "HH:mm:ss"
}
]
}
属性表
除了支持 普通表单项属性表 中的配置以外,还支持下面一些配置
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
timeFormat | string |
HH:mm |
时间范围选择器值格式 |
format | string |
HH:mm |
时间范围选择器值格式 |
inputFormat | string |
HH:mm |
时间范围选择器显示格式 |
placeholder | string |
"请选择时间范围" |
占位文本 |
clearable | boolean |
true |
是否可清除 |
embed | boolean |
false |
是否内联模式 |
事件表
事件名称 | 事件参数 | 说明 |
---|---|---|
change | value: string 时间值 |
值变化 |
focus | - | 获得焦点(非内嵌模式) |
blur | - | 失去焦点(非内嵌模式) |
动作表
动作名称 | 动作配置 | 说明 |
---|---|---|
clear | - | 清空 |
reset | - | 将值重置为resetValue ,若没有配置resetValue ,则清空 |
setValue | value: string 更新的时间区间值,用, 隔开 |
更新数据,依赖格式format ,例如 '1617206400,1743436800' |