| title |
description |
type |
group |
menuName |
icon |
order |
| InputYearRange 年份范围 |
|
0 |
null |
InputYearRange |
|
15 |
基本用法
{
"type": "form",
"api": "/api/mock2/form/saveForm",
"body": [
{
"type": "input-year-range",
"name": "year-range",
"label": "年份范围"
}
]
}
内嵌模式
{
"type": "form",
"api": "/api/mock2/form/saveForm",
"debug": true,
"body": [
{
"type": "input-year-range",
"name": "year-range",
"label": "年份范围",
"embed": true
}
]
}
属性表
除了支持 普通表单项属性表 中的配置以外，还支持下面一些配置
| 属性名 |
类型 |
默认值 |
说明 |
| format |
string |
X |
年份选择器值格式 |
| inputFormat |
string |
YYYY |
年份选择器显示格式 |
| placeholder |
string |
"请选择年份范围" |
占位文本 |
| minDate |
string |
|
限制最小日期，用法同 限制范围 |
| maxDate |
string |
|
限制最大日期，用法同 限制范围 |
| minDuration |
string |
|
限制最小跨度，如： 2year |
| maxDuration |
string |
|
限制最大跨度，如：4year |
| utc |
boolean |
false |
保存 UTC 值 |
| clearable |
boolean |
true |
是否可清除 |
| embed |
boolean |
false |
是否内联模式 |
事件表
| 事件名称 |
事件参数 |
说明 |
| change |
value: string 时间值 |
值变化 |
| focus |
value: string 时间值 |
获得焦点(非内嵌模式) |
| blur |
value: string 时间值 |
失去焦点(非内嵌模式) |
动作表
| 动作名称 |
动作配置 |
说明 |
| clear |
- |
清空 |
| reset |
- |
将值重置为resetValue，若没有配置resetValue，则清空 |
| setValue |
value: string 更新的时间区间值，用,隔开 |
更新数据，依赖格式format，例如 '1648746120,1648760760' |
