DateChooser (콤포넌트 중에서)
작성자 : 단국강토
등록날짜 : 2009.02.16 11:07
DateChooser
DateChooser는 날짜를 선택할 수 있는 달력 콤포넌트입니다. 플래시mx2004 프로페셔널 버전에서 지원을 하고 있구요. 달력 안에는 날짜를 선택할 수 있습니다. 그리고 원하는 기간을 설정하여
선택할 수 있는 날짜의 기간 설정 및 선택 가능, 불가능 등을 설정할 수 있습니다.
여기서는 기간 설정하는 것과, 선택한 날짜를 텍스트필드에 표시하는 것을 해보겠습니다.
콤포넌트 패널에서 DateChooser를 스테이지로 끌어놓습니다.
콤포넌트 인스펙터 패널에서 스테이지에 끌어놓은 DateChooser의 속성을 바꾸어 보았습니다.
1. dayNames 필드(1)를 선택하면 왼쪽의 values 창이 나옵니다. 여기서 일자를 한글로
일,월,화,수,목,금,토 로 바꾸어보았습니다.
2. monthNames (2) 를 클릭한 후 마찬가지로 월이름도 1월,2월 등으로 바꾸어 보았습니다.
여기서 참고할 것은 월이나 요일의 값이 0부터 시작한다는 것입니다.
스테이지에 있는 DateChooser 콤포넌트에 인스턴스 네임을 적어줍니다.
flightCalendar 라는 이름으로 설정하였습니다.
첫번째 프레임에 스크립트 레이어를 추가한 후 액션 패널에서 스크립트를 다음과 같이 써주었습니다.
flightCalendar.selectableRange = {rangeStart:new Date(2004, 2, 10), rangeEnd:new Date(2004, 3, 30)}
// 선택가능한 영역을 적어주는 것입니다. 2004년 3월 10일 부터 2004년 4월30일까지 선택가능하다는 설정입니다. 참고로 값이 0부터 시작하기 때문에 (2004, 2, 10) 는 2월 10일이 아니고 3월10일 입니다.
날짜를 표시해줄 텍스트필드를 하나 만들고 버튼을 하나 만들고, 인스턴스 네임을 mydate 라고 정해주었습니다.
DateChooser 의 날짜값을 텍스트필드로 보여주기 위한 버튼을 하나 만듭니다.
버튼을 선택한 후 액션패널에서 스크립트를 다음과 같이 써줍니다.
on (press) {
mydate.text = flightCalendar.selectedDate;
}
mydate.text = flightCalendar.selectedDate;
}
============================================ 이상입니다.
DateChooser 에는 이외에도 여러가지 설정과 기능들이 있습니다.
flightCalendar.firstDayOfWeek = 1;
요일을 표시할 때 첫째 요일을 설정합니다. 기본값은 0 이고 일요일을 말합니다.
1로 설정하게 되면 월요일부터 시작합니다. 월,화,수,목,금,토,일
flightCalendar.disabledDays=[25];
flightCalendar.disabledRanges = [{rangeStart: new Date(2003, 11, 15), rangeEnd: new Date(2003, 11, 26)}];
flightCalendar.dayNames
flightCalendar.monthNames
[출처]빛남이
"쇼핑몰·홈페이지·오픈마켓
블로그·페이스북·이메일 등의 각종 마케팅 글쓰기, 각종 광고, 영업, 판매, 제안서, 전단지 반응율 3배×10배 이상 높이는 마법의 8단계 공식" |
☞자세히보기 |
|
|