全面认识Flex DateChooser组件

1:<?php<mx:DateChooseridmx:DateChooserid=’date1’> 
2:<mx:selectedDate> 
3:<mx:Datemonthmx:Datemonth=’12’date=’12’year=’2004’/> 
4:</mx:selectedDate> 
5:</mx:DateChooser> 
1.
2.
3.
4.
5.

1:<?php<mx:Script> 
2:<![CDATA[  
3:functioninitDC()  
4:{  
5:date1.selectedDate=newDate(2004,12,12);  
6:}  
7:]]> 
8:</mx:Script> 
9:<mx:DateChooseridmx:DateChooserid=’date1’initialize=’initDC();’/> 
1.
2.
3.
4.
5.
6.
7.
8.
9.

1:<?php<mx:Script> 
2:<![CDATA[  
3:functionuseDate(eventObj)  
4:{  
5://AccesstheDateobjectfromtheeventobject.  
6:day.text=eventObj.target.selectedDate.getDay();  
7:date.text=eventObj.target.selectedDate.getDate();  
8:month.text=eventObj.target.selectedDate.getMonth();  
9:year.text=eventObj.target.selectedDate.getFullYear();  
10:wholeDate.text=eventObj.target.selectedDate.getFullYear()+  
11:’/’+(eventObj.target.selectedDate.getMonth()+1)+  
12:’/’+eventObj.target.selectedDate.getDate();  
13:}  
14:]]> 
15:</mx:Script> 
16:<mx:DateChooseridmx:DateChooserid=’date1’change=’useDate(event)’/> 
17:<mx:Form> 
18:<mx:FormItemlabelmx:FormItemlabel=’Day’> 
19:<mx:TextInputidmx:TextInputid=’day’width=’100’/> 
20:</mx:FormItem> 
21:<mx:FormItemlabelmx:FormItemlabel=’Dayofmonth’> 
22:<mx:TextInputidmx:TextInputid=’date’width=’100’/> 
23:</mx:FormItem> 
24:<mx:FormItemlabelmx:FormItemlabel=’Month’> 
25:<mx:TextInputidmx:TextInputid=’month’width=’100’/> 
26:</mx:FormItem> 
27:<mx:FormItemlabelmx:FormItemlabel=’Year’> 
28:<mx:TextInputidmx:TextInputid=’year’width=’100’/> 
29:</mx:FormItem> 
30:<mx:FormItemlabelmx:FormItemlabel=’Date’> 
31:<mx:TextInputidmx:TextInputid=’wholeDate’width=’300’/> 
32:</mx:FormItem> 
33:</mx:Form> 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.

1:<?php<mx:DateChooseridmx:DateChooserid=’date1’> 
2:<mx:disabledDays> 
3:<mx:Array> 
4:<mx:String>1</mx:String> 
5:<mx:String>2</mx:String> 
6:<mx:String>3</mx:String> 
7:<mx:String>4</mx:String> 
8:</mx:Array> 
9:</mx:disabledDays> 
10:</mx:DateChooser> 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.

1:<?php<mx:DateChooseridmx:DateChooserid=’date1’disabledDays=’[1,2,3,4]’/> 
1.

1:<?php<mx:Script> 
2:<![CDATA[  
3:functioninitDC()  
4:{  
5:date1.disabledDays=[1,2,3,4];  
6:}  
7:]]> 
8:</mx:Script> 
9:<mx:DateChooseridmx:DateChooserid=’date1’initialize=’initDC();’/> 
1.
2.
3.
4.
5.
6.
7.
8.
9.

1:<?php<mx:DateChooseridmx:DateChooserid=’date1’change=’useDate(event);’> 
2:<mx:dayNames> 
3:<mx:Array> 
4:<mx:String>日</mx:String> 
5:<mx:String>一</mx:String> 
6:<mx:String>二</mx:String> 
7:<mx:String>三</mx:String> 
8:<mx:String>四</mx:String> 
9:<mx:String>五</mx:String> 
10:<mx:String>六</mx:String> 
11:</mx:Array> 
12:</mx:dayNames> 
13:</mx:DateChooser> 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.

1:<?php//设置星期显示名称  
2:date1.dayNames=[’日’,’一’,’二’,’三’,’四’,’五’,’六’];  
3://把周一作为每周的第一天  
4:date1.myDC.firstDayOfWeek=1;  
5://设置日历头部样式为绿色  
6:date1.setStyle(’headerColor’,0x00ff00);  
7://设置字体样式为斜体  
8:date1.setStyle(’fontStyle’,’italic’);  
9://设置日历的选择范围2004.1.1～2004.12.23  
10:date1.selectableRange=  
11:{rangeStart:newDate(2004,1,1),rangeEnd:newDate(2004,12,23)}; 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.

01:  
02:dayNames//星期的名称显示  
03:disabledDays//不可用的星期  
04:disabledRanges//不可用的日期范围  
05:displayedMonth//当前显示的月份  
06:displayedYear//当前显示的年份  
07:firstDayOfWeek//每周的第一天(0～60表示dayNames中的第一个元素，依次类推)  
08:headerStyle//头部样式  
09:todayStyle//今天的样式  
10:weekDayStyle//周末的样式  
11:monthNames//月份的名称显示  
12:selectableRange//可以选择的日期范围由rangeStart和rangeEnd指定  
13:selectedDate//选中的日期  
14:showToday//是否高亮显示今天的日期  
15:  
16:change//选中日期的事件响应  
17:scroll//移动的事件响应通过对这些属性的设置你可以定义更强大的日历组件了。 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.