amis/docs/zh-CN/components/form/input-time-range.md

2.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 是否内联模式