代码:
<?
xml version="1.0" encoding="utf-8"
?>
< mx:Application xmlns:mx ="http://www.adobe.com/2006/mxml" viewSourceURL ="srcview/index.html" >
< 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 ="mois: MM, jour: DD, année: YYYY" />
< mx:DateValidator id ="dateVal" source =" {dob} " property ="text" inputFormat ="mm/dd/yyyy" />
< 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 >
</ mx:Application >
< mx:Application xmlns:mx ="http://www.adobe.com/2006/mxml" viewSourceURL ="srcview/index.html" >
< 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 ="mois: MM, jour: DD, année: YYYY" />
< mx:DateValidator id ="dateVal" source =" {dob} " property ="text" inputFormat ="mm/dd/yyyy" />
< 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 >
</ mx:Application >
点击查看源文件
来自: http://www.flex-tutorial.fr/2008/05/18/flex-formatter-exemple-de-dateformatter-en-mxml/