Flex日付フォーマットテスト

/**
 * Copyright propg ( http://wonderfl.net/user/propg )
 * MIT License ( http://www.opensource.org/licenses/mit-license.php )
 * Downloaded from: http://wonderfl.net/c/ltra
 */

<?xml version="1.0" encoding="utf-8"?>
<s:Application
    xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark" creationComplete="{OnCreationCompleteHandler(event)}">
    <fx:Script>
        <![CDATA[
            import mx.formatters.*;
            import flash.events.TimerEvent;
            import flash.utils.Timer;
            
            private var f:DateFormatter
            private function OnCreationCompleteHandler(event:Event):void {
                f = new DateFormatter(); 
                f.formatString = dateFormatText.text;

                var t:Timer = new Timer(1000, 0);
                t.addEventListener(TimerEvent.TIMER, function(event:TimerEvent):void {
                    label.text = f.format(new Date());
                });
                t.start();
            }
            
            private function dateFormatTextOnChangeHanlder(event:Event):void {
                f.formatString = dateFormatText.text;
            }

        ]]>
    </fx:Script>
    <s:Panel
        title="日付フォーマットテスト"
        verticalCenter="0"
        horizontalCenter="0">
        
        <!-- レイアウトはlayoutタグで設定 -->
        <s:layout>
            <s:VerticalLayout
                gap="10"
                horizontalAlign="center"
                paddingTop="10"
                paddingLeft="10"
                paddingRight="10"/>
        </s:layout>
        <s:TextInput id="dateFormatText" prompt="format" 
            text="YYYY年MM月DD日 JJ時NN分SS秒" width="300" 
            change="dateFormatTextOnChangeHanlder(event)"/>
        <s:Label id="label" fontSize="16"/>
    </s:Panel>

</s:Application>