5.20232.939
5.20232.939

InputDate 개요

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

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

아래 예시에서, InputDate는 이번 주 날짜만 허용합니다:

InputDate

HTML
<label for="theInputDate">The Date</label>
<div id="theInputDate"></div>
Javascript
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,
        });
}