Flex DateField 日期范围

 开始日期 与 结束日期的范围选择
    两者都不能大于今天，开始日期不能大于结束日期

<?xml version="1.0" encoding="utf-8"?>  

1. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" backgroundGradientColors="[#ffffff, #ffffff]">  
2.         <mx:Script>  
3.                 <![CDATA[  
4.                         import mx.controls.DateField;  
5.                           
6.                         [Bindable]  
7.                         private var today:Date = new Date(new Date().setHours(0,0,0,0));  
8.                         [Bindable]  
9.                         private var start:Date = today;  
10.                         [Bindable]  
11.                         private var end:Date = start;  
12.                           
13.                         //=======================================  
14.                         //Event Handler  
15.                         //=======================================  
16.                           
17.                         /*DateChange*/  
18.                         private function onDateChangeHandler(event:Event):void  
19.                         {  
20.                                 //var currentDF:DateField = DateField(event.currentTarget);  
21.                                   
22.                                   
23.                                 if(startDF.text == "")  
24.                                 {  
25.                                         startDF.selectedDate = start;  
26.                                 }  
27.                                 else  
28.                                 {  
29.                                         start = startDF.selectedDate;          
30.                                 }  
31.                                   
32.                                 if(endDF.text == "")  
33.                                 {  
34.                                         endDF.selectedDate = this.end;  
35.                                 }  
36.                                 else  
37.                                 {  
38.                                         this.end = endDF.selectedDate;  
39.                                 }  
40.                                   
41.                         }                          
42.                           
43.                 ]]>  
44.         </mx:Script>  
45.         <mx:ApplicationControlBar width="446" dock="true">  
46.                 <mx:Label text="开始日期：" />  
47.                 <mx:DateField id="startDF"  showToday="true"  selectedDate="{start}" formatString="YYYY年MM月DD日"  
48.                         selectableRange="{{rangeEnd:end}}" change="onDateChangeHandler(event)"/>  
49.                            
50.                 <mx:Label text="结束日期："/>  
51.                 <mx:DateField id="endDF" showToday="true" selectedDate="{end}" formatString="YYYY年MM月DD日"  
52.                         selectableRange="{{rangeStart:start,rangeEnd:today}}" change="onDateChangeHandler(event)"/>  
53.         </mx:ApplicationControlBar>  
54.            
55. </mx:Application>