< mx : DateChooser ? id = 'date1' ? >

2. < mx : selectedDate >

3. < mx : Date ? month = '12' ? date = '12' ? year = '2004' ? />

4. </ mx : selectedDate >

5. </ mx : DateChooser >

我們還可以通過腳本的方式來設置選中日期

1. < mx : Script >

2. <![ CDATA [

3. function ? initDC ()

4. { ?

5. date1 . selectedDate = ? new ? Date ? ( 2004 , ? 12 , ? 12 );

6. ? }

7. ]]>

8. </ mx : Script >

9. < mx : DateChooser ? id = 'date1' ? initialize = 'initDC();' ? />
DateChooser 組件使用了 AS 的 Date 類的一些方法
可以使用 get 和 set 方法來獲取選中的日期值以及設置日期值。下面的例子比較詳細的描述了 DateChooser 組件的使用。

1. < mx : Script >

2. <![ CDATA [ ?

3. function ? useDate ( eventObj ) ?

4. { ? ?

5. //Access ? the ? Date ? object ? from ? the ? event ? object
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 : DateChooser ? id = 'date1' ? change = 'useDate(event)' ? />

17.? < mx : Form >

18.? < mx : FormItem ? label = 'Day' ? >

19.? < mx : TextInput ? id = 'day' ? width = '100' ? />

20.? </ mx : FormItem ? >

21.? < mx : FormItem ? label = 'Day ? of ? month' ? >

22.? < mx : TextInput ? id = 'date' ? width = '100' ? />

23.? </ mx : FormItem ? >

24.? < mx : FormItem ? label = 'Month' ? >

25.? < mx : TextInput ? id = 'month' ? width = '100' ? />

26.? </ mx : FormItem ? >

27.? < mx : FormItem ? label = 'Year' ? >

28.? < mx : TextInput ? id = 'year' ? width = '100' ? />

29.? </ mx : FormItem ? >

30.? < mx : FormItem ? label = 'Date' ? >

31.? < mx : TextInput ? id = 'wholeDate' ? width = '300' ? />

32.? </ mx : FormItem ? >

33.? </ mx : Form >
這個例子通過響應組件的 change 事件來獲取選中的日期信息，相信大家也不難看懂。
禁用某個日期段的選取
假如要禁用周一到周四的日期選擇，可以使用

1. < mx : DateChooser ? id = '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 >
更簡單的寫法為：

< mx : DateChooser ? id = 'date1' ? disabledDays = '[1,2,3,4]' ? />

1. < mx : Script > ?

2. <![ CDATA [ ?

3. function ? initDC () ?

4. { ? ?

5. date1 . disabledDays =[ 1 , 2 , 3 , 4 ];

6. ? } ?

7. ]]> ?

8. </ mx : Script > ?

9. < mx : DateChooser ? id = 'date1' ? initialize = 'initDC();' ? />

1. < mx : DateChooser ? id = '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 >
請注意，如果沒有其它設置，數組的第一個元素就表示一周的第一天。當然，最簡潔的還是 AS 的實現方法，而且更加靈活。

????? 1. //設置星期顯示名稱 ?

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 : ? new ? Date ( 2004 , 1 , 1 ), ? rangeEnd : ? new ? Date ( 2004 , 12 , 23 ) ? };