ZetDateField

Openzet.org

목차 1 소개 2 속성 3 사용법 4 애플리케이션 예제

소개

ZetDateField란 시작과 끝을 나타내는 데이트 관련 컨트롤과 시각을 나타내는 컨트롤을 포함하여 일정 기간을 지정할 수 있는 컴포넌트이다.

속성

<zet:ZetDateField showStartDate="true" showEndDate="true" />

위의 코드는 시작과 끝을 나타내는 DateField의 숨김 또는 보이기 속성이다. 기본값은 모두 true 이며 시작을 나타내는 DateField만 보이기 위해서는 showEndDate 속성을 false 로 설정하면 된다.

<zet:ZetDateField showStartDate="true" showEndDate="false" showTime="true" />

위의 코드는 시각을 나타내는 TimeStepper를 추가한 경우이다. 이때 TimeStpper의 경우 showStartDate, showEndDate 속성에 따라 숨김 또는 보이기가 설정된다.

<zet:ZetDateField showMonthField="true" showTime="true" />

위의 코드는 연도와 월을 나타내는 MonthDateField 모드로 전환한 경우 이다.

사용법

<zet:ZetDateField id="zetDateField"/>

기본적으로 ZetDateField는 시작과 끝을 나타내는 DateField를 모두 보이게 사용되는게 올바르며, 사용되는 컴포넌트의 종류는 모두 사용자가 숨김 또는 보이기 설정을 할 수 있다. 또한 일정기간의 범위 선택을 위해 selectableRange 속성을 사용할 수 있고 사용되는 Date 객체의 반환되는 값을 설정하기 위해서 formatString 을 YYYYMMDD 포맷으로 사용자가 정의해서 사용하면 된다.

애플리케이션 예제

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
                xmlns:zet="org.openzet.controls.*"
                layout="vertical">
    <mx:Panel title="ZetDateField">
    <zet:ZetDateField id="d2d" 
        formatString="YYYYMMDD"
        showTime="true"
        showStartDate="true"
        showEndDate="true"
        horizontalGap="5"
        selectableRange="3day"/>
    </mx:Panel>
</mx:Application>