如何使用Flex DateField

<?xml version="1.0" encoding="utf-8"?>
<!-- Simple example to demonstrate the DateField control. -->
<!--
	如何使用Flex DateField
	MyShareBook.cn 翻译
-->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Script>
      <![CDATA[

         // Event handler for the DateField change event.
         private function dateChanged(date:Date):void {
            if (date == null)
                selection.text = "Date selected: ";                
            else
                selection.text = "Date selected: " + date.getFullYear().toString() + 
                    '/' + (date.getMonth()+1).toString() + '/' + date.getDate();
         }
      ]]>
    </mx:Script>
 
 <mx:DateFormatter id="df"/>

    <mx:Panel title="DateField Control Example" height="75%" width="75%" 
        paddingTop="10" paddingLeft="10" paddingRight="10">

        <mx:Label width="100%"  color="blue"
            text="Select a date in the DateField control. Select it again to clear it."/>

        <mx:Label text="Basic DateField:"/>
        <mx:DateField id="dateField1" yearNavigationEnabled="true" 
            change="dateChanged(DateField(event.target).selectedDate)" />
        <mx:Label id="selection"  color="blue" text="Date selected:" />

        <mx:Label text="Disable dates on or before June 1, 2006."/>
        <mx:DateField id="dateField2" yearNavigationEnabled="true" 
            disabledRanges="{[ {rangeEnd: new Date(2006, 5, 1)} ]}" />
        <mx:Label  color="blue" text="Date selected: {df.format(dateField2.selectedDate)}"/>

    </mx:Panel>
</mx:Application>