| <!-- |
| Licensed to the Apache Software Foundation (ASF) under one or more |
| contributor license agreements. See the NOTICE file distributed with |
| this work for additional information regarding copyright ownership. |
| The ASF licenses this file to You under the Apache License, Version 2.0 |
| (the "License"); you may not use this file except in compliance with |
| the License. You may obtain a copy of the License at |
| |
| http://www.apache.org/licenses/LICENSE-2.0 |
| |
| Unless required by applicable law or agreed to in writing, software |
| distributed under the License is distributed on an "AS IS" BASIS, |
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| See the License for the specific language governing permissions and |
| limitations under the License. |
| --> |
| <!-- saved from url=(0014)about:internet -->
|
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
| <html xmlns="http://www.w3.org/1999/xhtml">
|
| <head>
|
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
| <title>SparkDateTimeFormatter.mxml</title>
|
| <link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
|
| </head>
|
|
|
| <body><pre><span class="MXMLProcessing_Instruction"><?xml version="1.0" encoding="utf-8"?></span>
|
| <span class="MXMLComponent_Tag"><s:Application</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">"
|
| xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">"
|
| xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">"
|
| width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span>
|
| <span class="MXMLSpecial_Tag"><fx:Style></span>
|
| <span class="CSS@namespace">@namespace</span> <span class="CSSSelector">s </span><span class="CSSString">"library://ns.adobe.com/flex/spark"</span>;
|
| <span class="CSS@namespace">@namespace</span> <span class="CSSSelector">mx </span><span class="CSSString">"library://ns.adobe.com/flex/mx"</span>;
|
| <span class="CSSSelector">s|Label </span><span class="CSSDelimiters">{</span>
|
| <span class="CSSProperty_Name">color</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">#FFFFFF</span><span class="CSSDelimiters">;</span>
|
| <span class="CSSProperty_Name">font-weight</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">bold</span><span class="CSSDelimiters">;</span>
|
| <span class="CSSDelimiters">}</span>
|
| <span class="CSSSelector">#titleL </span><span class="CSSDelimiters">{</span>
|
| <span class="CSSProperty_Name">font-size</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">20</span><span class="CSSDelimiters">;</span>
|
| <span class="CSSDelimiters">}</span>
|
| <span class="CSSSelector">s|ComboBox </span><span class="CSSDelimiters">{</span>
|
| <span class="CSSProperty_Name">alternating-item-colors</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">#424242</span><span class="CSSDelimiters">;</span>
|
| <span class="CSSDelimiters">}</span>
|
|
|
| <span class="CSSSelector">s|Form </span><span class="CSSDelimiters">{</span>
|
| <span class="CSSProperty_Name">background-color</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">#424242</span><span class="CSSDelimiters">;</span>
|
| <span class="CSSDelimiters">}</span>
|
| <span class="MXMLSpecial_Tag"></fx:Style></span>
|
|
|
| <span class="MXMLSpecial_Tag"><fx:Script></span>
|
| <![CDATA[
|
| <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">collections</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ArrayCollection</span>;
|
|
|
| <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">locales</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptString">'en-US'</span><span class="ActionScriptOperator">,</span><span class="ActionScriptString">'de-DE'</span><span class="ActionScriptOperator">,</span><span class="ActionScriptString">'ja-JP'</span><span class="ActionScriptOperator">,</span><span class="ActionScriptString">'ru-RU'</span><span class="ActionScriptOperator">,</span><span class="ActionScriptString">'ar-SA'</span><span class="ActionScriptOperator">,</span><span class="ActionScriptString">'zh-CN'</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">)</span>;
|
| <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">dateTimePatternAryColl</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptString">'MM-yyyy'</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptString">'MM/dd/yyyy'</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptString">'dd'</span><span class="ActionScriptOperator">,</span><span class="ActionScriptString">'hh:mm a'</span><span class="ActionScriptOperator">,</span><span class="ActionScriptString">'MM/dd/yy hh:mm:ss a'</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptString">'hh:mm:ss'</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptString">'EEEE, MMMM dd, yyyy h:mm:ss a'</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">)</span>;
|
|
|
| <span class="ActionScriptComment">//format the date which is selected in calender
|
| </span> <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">formatDate</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
|
| <span class="ActionScriptBracket/Brace">{</span>
|
| <span class="ActionScriptDefault_Text">resultL</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">dateField</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedDate</span> <span class="ActionScriptOperator">!=</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>
|
| <span class="ActionScriptOperator">?</span> <span class="ActionScriptDefault_Text">dtf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">dateField</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedDate</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">dtf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>;
|
| <span class="ActionScriptBracket/Brace">}</span>
|
| <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">></span>
|
| <span class="MXMLSpecial_Tag"></fx:Script></span>
|
| <span class="MXMLSpecial_Tag"><fx:Declarations></span>
|
| <span class="MXMLComment"><!--</span><span class="MXMLComment"> Place non-visual elements (e.g., services, value objects) here </span><span class="MXMLComment">--></span>
|
| <span class="MXMLComponent_Tag"><s:DateTimeFormatter</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">dtf</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
|
| <span class="MXMLSpecial_Tag"></fx:Declarations></span>
|
| <span class="MXMLComponent_Tag"><s:layout></span>
|
| <span class="MXMLComponent_Tag"><s:VerticalLayout/></span>
|
| <span class="MXMLComponent_Tag"></s:layout></span>
|
| <span class="MXMLComponent_Tag"><s:Scroller</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">scroller</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span>
|
| <span class="MXMLComponent_Tag"><s:Group></span>
|
| <span class="MXMLComponent_Tag"><s:Form></span>
|
| <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">titleL</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">Spark DateTimeFormatter</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
|
| <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Select a locale to see the formatted date, weekday names and month names: </span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
|
| <span class="MXMLComponent_Tag"><s:Spacer</span><span class="MXMLDefault_Text"> height="</span><span class="MXMLString">15</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
|
|
|
| <span class="MXMLComponent_Tag"><s:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Locale: </span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span>
|
| <span class="MXMLComponent_Tag"><s:ComboBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">localeCB</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">locales</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" selectedIndex="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" updateComplete="</span><span class="ActionScriptDefault_Text">dtf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setStyle</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">'locale'</span><span class="ActionScriptOperator">,</span><span class="ActionScriptDefault_Text">localeCB</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
|
| <span class="MXMLComponent_Tag"></s:FormItem></span>
|
| <span class="MXMLComponent_Tag"><s:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Please select the format of date:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span>
|
| <span class="MXMLComponent_Tag"><s:ComboBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">dtpCB</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">dateTimePatternAryColl</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" selectedIndex="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" updateComplete="</span><span class="ActionScriptDefault_Text">dtf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">dateTimePattern</span><span class="ActionScriptOperator">=</span><span class="ActionScriptDefault_Text">dtpCB</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
|
| <span class="MXMLComponent_Tag"></s:FormItem></span>
|
| <span class="MXMLComponent_Tag"><s:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Please select a date to format:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span>
|
| <span class="MXMLComponent_Tag"><mx:DateField</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">dateField</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
|
| <span class="MXMLComponent_Tag"></s:FormItem></span>
|
| <span class="MXMLComponent_Tag"><s:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">The Weekday Names are:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span>
|
| <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">dtf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getWeekdayNames</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
|
| <span class="MXMLComponent_Tag"></s:FormItem></span>
|
| <span class="MXMLComponent_Tag"><s:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">The Month Names are:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span>
|
| <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">dtf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getMonthNames</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
|
| <span class="MXMLComponent_Tag"></s:FormItem></span>
|
| <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString"> ===========================================================================</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
|
| <span class="MXMLComponent_Tag"><s:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">The formatted result is:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span>
|
| <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">resultL</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
|
| <span class="MXMLComponent_Tag"></s:FormItem></span>
|
| <span class="MXMLComponent_Tag"><s:FormItem></span>
|
| <span class="MXMLComponent_Tag"><s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">bt</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Format Date</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">formatDate</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
|
| <span class="MXMLComponent_Tag"></s:FormItem></span>
|
| <span class="MXMLComponent_Tag"></s:Form></span>
|
| <span class="MXMLComponent_Tag"></s:Group></span>
|
| <span class="MXMLComponent_Tag"></s:Scroller></span>
|
|
|
|
|
| <span class="MXMLComponent_Tag"></s:Application></span></pre></body>
|
| </html>
|
