날짜입력

InputDate 개요

nputDate 컨트롤을 사용하여 날짜를 입력하고 편집할 수 있습니다. 날짜는 Globalize 클래스에서 지원하는 형식으로 입력할 수 있습니다. 일반 input 요소에 비해 다음과 같은 장점이 있습니다.:

1. 사용자는 숫자가 아닌 값을 입력할 수 없습니다.
2. format 속성을 사용하여 앱에 맞게 날짜 값을 포맷하고 파싱할 수 있습니다. 형식 문자열은 여기에 설명된 대로 .NET 스타일 날짜 형식 문자열로 표현됩니다.
3. 최소 및 최대 속성을 사용하여 유효한 값 범위를 지정할 수 있습니다(사용자는 이 범위를 벗어난 값을 입력할 수 없습니다.).
4. step 속성을 사용하여 사용자가 컨트롤에서 증분/감소 버튼을 클릭할 때 값에 추가되는 증분을 지정할 수 있습니다.

아래 예제에서 InputDate가 현재 주 내의 날짜만 허용합니다.

<label for="theInputDate">The Date</label>
<div id="theInputDate"></div>

import * as wijmo from '@grapecity/wijmo';
import * as input from '@grapecity/wijmo.input';

function init() {
    // a regular input date
    let theDate = new input.InputDate('#theInputDate', {
            format: 'MMM dd, yyyy',
            min: firstDay,
            max: lastDay,
        });
}