flex验证日期格式

来源:互联网 发布:中级软件评测师 编辑:程序博客网 时间:2024/05/22 20:29

验证输入的日期格式是否是自己定义的格式比如:YYYY-MM-DD格式


<?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"
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
    <fx:Declarations>
        <!-- 将非可视元素(例如服务、值对象)放在此处 -->
        <mx:DateFormatter id="dateFormatter" formatString="mois: MM, jour: DD, année: YYYY"/>
        
        <mx:DateValidator id="dateVal" source="{dob}" property="text" inputFormat="mm/dd/yyyy"/>
    </fx:Declarations>
    <fx: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= "";
        }
        }
        ]]>
    </fx:Script>
    
    
    
    <mx:Panel title="Exemple de DateFormatter " width="95%" height="95%"
              paddingTop="10" paddingLeft="5" paddingRight="5" paddingBottom="10">
        
        <mx:Form width="100%">
            <mx:FormItem label="Entrer une date (mm/dd/yyyy):" width="100%">
                <mx:TextInput id="dob" text=""/>
            </mx:FormItem>
            
            <mx:FormItem label="Date Formatée: " width="100%">
                <mx:TextInput id="formattedDate" text="" editable="false"/>
            </mx:FormItem>
            
            <mx:FormItem>
                <mx:Button label="Valider et Formater" click="Format();"/>
            </mx:FormItem>
        </mx:Form>
        
    </mx:Panel>

</s:Application>