[]
        
(Showing Draft Content)

InputTime Overview

InputTime 컨트롤은 ComboBox 클래스를 확장하여 시간 값을 쉽게 입력하고 편집할 수 있게 합니다. 이를 통해 사용자는 Globalize 클래스에서 지원하는 형식을 사용하여 시간을 입력하거나, 드롭다운 목록에서 시간을 선택할 수 있습니다.

InputTime 컨트롤의 주요 속성은 다음과 같습니다:

  1. value: 현재 선택한 시간을 가져오거나 설정합니다.

  2. min, max, step: 컨트롤의 드롭다운 목록에 표시되는 시간을 결정합니다.

  3. format: 시간 값을 표시하고 구문 분석하는데 사용되는 양식 문자열을 가져오거나 설정합니다.

  4. isEditable: 사용자가 드롭다운 목록에 표시되지 않은 시간 값을 입력할 수 있는지의 여부를 결정합니다.

InputTime

HTML
 <input  id="theInputTime">
Javascript
import * as input from '@grapecity/wijmo.input';

function init() {
    // the input time control
    let theInputTime = new input.InputTime('#theInputTime', {
        format: 'h:mm tt',
        min: '9:00',
        max: '17:00',
        step: 30,
        isEditable: true
    });
}