타임 셀렉트 (Time Select)
타임 셀렉트 (Time Select)
출처: 문서
본문
el-select로 시간을 빠르게 선택해요. 고정된 시간 슬롯들이 el-time-picker 안에 미리 정의되어 있어요.
기본 사용법 (Basic Usage)
필요한 시간을 선택해요. 시간 옵션은 09:00부터 18:00까지 30분 간격이에요.
30분 간격 (30 Minutes Interval)
시간 옵션은 09:00부터 18:00까지 30분 간격이에요.
TimeSelect API
Time Select 속성 (Attributes)
| Attribute | Description | Type | Default |
|---|---|---|---|
| value / v-model | 바인딩 값 | string | — |
| disabled | 비활성화 여부 | boolean | false |
| editable | 텍스트 상자 입력 가능 여부 | boolean | true |
| clearable | 지우기 버튼 표시 여부 | boolean | true |
| size | 입력 상자 크기 | string / number | — |
| placeholder | 범위 선택이 아닐 때의 플레이스홀더 | string | — |
| start-placeholder | 범위 선택의 시작 시간 플레이스홀더 | string | — |
| end-placeholder | 범위 선택의 종료 시간 플레이스홀더 | string | — |
| is-range | 범위 선택 여부 | boolean | false |
| min-time | 선택할 수 있는 최소 시간 | string | — |
| max-time | 선택할 수 있는 최대 시간 | string | — |
| format | 시간 포맷 | string | HH:mm:ss |
| name | 네이티브 속성 name | string | — |
| disabled-hours | 시간(시) 부분 비활성화 | function | — |
| disabled-minutes | 분 부분 비활성화 | function | — |
| disabled-seconds | 초 부분 비활성화 | function | — |
| model-value / v-model | 바인딩 값, 기본적으로 string 타입 | string | — |