min/max 속성 사용하기

여러 Wijmo 컨트롤에는 사용자가 입력하는 값을 제한할 수 있는 min과 max속성이 있습니다. min과 max 속성을 가진 Wijmo 컨트롤에는 Gauge, Calendar, InputDate, InputNumber 등이 포함됩니다.

min과 max 속성의 동작은 모든 컨트롤에서 동일합니다. 만약 이 속성들이 지정되었다면(설정하지 않으면 null일 수 있습니다), 컨트롤은 이 값을 value 속성의 제약으로 적용e됩니다. 사용자는 min보다 작은 값이나 max보다 큰 값으로 컨트롤 값을 변경할 수 없습니다.

이 동작은 표준 HTML 입력 요소의 min 속성과는 다릅니다. HTML 입력 요소의 min 속성은 사용자가 유효하지 않은 값을 입력할 수 있도록 허용하며, 이로 인해 유효성 검사 오류가 발생할 수 있습니다. 반면, Wijmo 컨트롤은 아예 유효하지 않은 값이 입력되지 않도록 방지합니다.

하지만, min과 max 속성은 사용자가 입력할 수 있는 값만 제한할 뿐입니다. 코드나 데이터 바인딩을 통해 컨트롤에 할당되는 값을 제한하지는 않습니다.

따라서, 코드에서 min과 max 속성의 값을 설정하거나 변경할 경우, 이러한 한계를 현재 컨트롤 값에 적용하고자 한다면 코드에서 따로 적용해야 합니다.

예시:

// 'ctl' is any Wijmo control with min/max properties, including
// Gauge, Calendar, InputDate, InputNumber, and InputNumber.

// apply new bounds for the value
ctl.min = newMinValue;
ctl.max = newMaxValue;

// ensure that the control value is within the new bounds
ctl.value = wijmo.clamp(ctl.value, ctl.min, ctl.max);