ActionScript mxml flex 日期格式化 DateFormatter

在AS中跟Java很相似。都是使用一个格式化类来进行格式化：

第一步：var dateFormatter:DateFormatter=new DateFormatter();//生成格式化对象

第二步：dateFormatter.formatString=”YYYY-MM-DD JJ:NN:SS”;//设定格式

第三步：dateFormatter.format(time);//执行格式化

需要特别注意的是：time必须是Date类型的，否则格式化出来的时间是800(这是因为我们的时区是东八区)，没事干的朋友可以试试。

在MXML中的用法如下：

    <?xml version="1.0" encoding="utf-8"?>  
    <!-- Simple example to demonstrate the DateFormatter. -->  
    <!--  
        如何使用Flex DateFormatter  
        MyShareBook.cn 翻译  
    -->  
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">  
      
        <mx:Script>  
            <![CDATA[ 
     
                import mx.events.ValidationResultEvent;          
                private var vResult:ValidationResultEvent; 
     
                // Event handler to validate and format input.             
                private function Format():void 
                { 
                    vResult = dateVal.validate(); 
                    if (vResult.type==ValidationResultEvent.VALID) { 
                        formattedDate.text=dateFormatter.format(dob.text); 
                    } 
                   
                    else { 
                        formattedDate.text= ""; 
                    } 
                } 
            ]]>  
        </mx:Script>  
      
        <mx:DateFormatter id="dateFormatter" formatString="month: MM, day: DD, year: YYYY"/>  
      
        <mx:DateValidator id="dateVal" source="{dob}" property="text" inputFormat="mm/dd/yyyy"/>  
      
        <mx:Panel title="DateFormatter Example" width="95%" height="95%"   
                paddingTop="10" paddingLeft="5" paddingRight="5" paddingBottom="10">  
      
            <mx:Form width="100%">  
                <mx:FormItem label="Enter date (mm/dd/yyyy):" width="100%">  
                    <mx:TextInput id="dob" text=""/>  
                </mx:FormItem>  
      
                <mx:FormItem label="Formatted date: " width="100%">  
                    <mx:TextInput id="formattedDate" text="" editable="false"/>  
                </mx:FormItem>  
      
                <mx:FormItem>  
                    <mx:Button label="Validate and Format" click="Format();"/>  
                </mx:FormItem>  
            </mx:Form>  
      
        </mx:Panel>  
    </mx:Application>