DateTimeFormatter

(Preview)

Package	spark.formatters
Class	public class DateTimeFormatter
Inheritance	DateTimeFormatter GlobalizationBase AdvancedStyleClient EventDispatcher Object
Implements	IFormatter

Language Version:

ActionScript 3.0

Product Version:

Flex 4.5

Runtime Versions:

Flash Player 10.1, AIR 2.5

The DateTimeFormatter class provides locale-sensitve formatting for a Date object.

This class is a wrapper class around the flash.globalization.DateTimeFormatter class. Therefore, the locale-specific formatting functionality and the month names, day names and the first day of the week are provided by the flash.globalization.DateTimeFormatter. However, this DateTimeFormatter class can be used in MXML declarations, uses the locale style for the requested Locale ID name, and has methods and properties that are bindable.

The flash.globalization.DateTimeFormatter class uses the underlying operating system for the formatting functionality and to supply the locale-specific data. On some operating systems, the flash.globalization classes are unsupported, on these systems, this wrapper class provides fallback functionality.

MXML Syntax expanded

Hide MXML Syntax

The <s:DateTimeFormatter> tag inherits all of the tag attributes of its superclass and adds the following tag attributes:

  <s:DateTimeFormatter
    Properties
    dateStyle="long"
    dateTimePattern="EEEE, MMMM dd, yyyy h:mm:ss a"
    errorText="null"
    timeStyle="long"
    useUTC="false"
  />

View the examples

More examples

Formatting Data
Error handling in a Spark formatter
Formatting dates with a Spark formatter
Localization
Formatting dates, numbers, and currencies

Related API Elements

flash.globalization.DateTimeFormatter

Public Properties

Hide Inherited Public Properties

Show Inherited Public Properties

	Property		Defined By
		actualLocaleIDName : String [override] [read-only] The name of the actual locale ID used by this class object.	DateTimeFormatter
		className : String [read-only] The name of the component class.	AdvancedStyleClient
		constructor : Object A reference to the class object or constructor function for a given object instance.	Object
		dateStyle : String The date style for this instance of the DateTimeFormatter.	DateTimeFormatter
		dateTimePattern : String The pattern string used by the DateTimeFormatter object to format dates and times.	DateTimeFormatter
		errorText : String String returned by the format() method when an error occurs.	DateTimeFormatter
		id : String The identity of the component.	AdvancedStyleClient
		inheritingStyles : Object An object containing the inheritable styles for this non-visual style client instance.	AdvancedStyleClient
		lastOperationStatus : String [override] [read-only] The status of the most recent operation that this class object performed.	DateTimeFormatter
		moduleFactory : IFlexModuleFactory A module factory is used as context for finding the style manager that controls the styles for this non-visual style client instance.	AdvancedStyleClient
		nonInheritingStyles : Object The beginning of this component's chain of non-inheriting styles.	AdvancedStyleClient
		styleDeclaration : CSSStyleDeclaration The style declaration that holds the inline styles declared by this object.	AdvancedStyleClient
		styleManager : IStyleManager2 [read-only] Returns the StyleManager instance used by this component.	AdvancedStyleClient
		styleName : Object The source of this object's style values.	AdvancedStyleClient
		styleParent : IAdvancedStyleClient A component's parent is used to evaluate descendant selectors.	AdvancedStyleClient
		timeStyle : String The time style for this instance of the DateTimeFormatter.	DateTimeFormatter
		useUTC : Boolean A boolean flag to control whether the local or the UTC date and time values are used when the formatting a date.	DateTimeFormatter

Public Methods

Hide Inherited Public Methods

Show Inherited Public Methods

	Method		Defined By
		DateTimeFormatter() Constructs a new DateTimeFormatter object to format dates and times according to the conventions of the specified locale and the provided date and time formatting styles.	DateTimeFormatter
		addEventListener(type:String, listener:Function, useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void Registers an event listener object with an EventDispatcher object so that the listener receives notification of an event.	EventDispatcher
		clearStyle(styleProp:String):void Deletes a style property from this component instance.	AdvancedStyleClient
		dispatchEvent(event:Event):Boolean Dispatches an event into the event flow.	EventDispatcher
		format(value:Object):String Formats a display string for an object that specifies a date in either the user's local time or UTC time.	DateTimeFormatter
		getAvailableLocaleIDNames():Vector.<String> [static] Lists all of the locale ID names supported by this class.	DateTimeFormatter
		getClassStyleDeclarations():Array Returns an Array of CSSStyleDeclaration objects for the type selector that applies to this component, or null if none exist.	AdvancedStyleClient
		getFirstWeekday():int Returns an integer corresponding to the first day of the week for this locale and calendar system.	DateTimeFormatter
		getMonthNames(nameStyle:String = "full", context:String = "standalone"):Vector.<String> Retrieves a list of localized strings containing the month names for the current calendar system.	DateTimeFormatter
		getStyle(styleProp:String):* [override] Gets a style property that has been set anywhere in this component's style lookup chain.	GlobalizationBase
		getWeekdayNames(nameStyle:String = "full", context:String = "standalone"):Vector.<String> Retrieves a list of localized strings containing the names of weekdays for the current calendar system.	DateTimeFormatter
		hasCSSState():Boolean Returns true if currentCSSState is not null.	AdvancedStyleClient
		hasEventListener(type:String):Boolean Checks whether the EventDispatcher object has any listeners registered for a specific type of event.	EventDispatcher
		hasOwnProperty(name:String):Boolean Indicates whether an object has a specified property defined.	Object
		initialized(document:Object, id:String):void The initialized method is called when this class or a class that extends this class is used in an MXML declaration.	AdvancedStyleClient
		isPrototypeOf(theClass:Object):Boolean Indicates whether an instance of the Object class is in the prototype chain of the object specified as the parameter.	Object
		matchesCSSState(cssState:String):Boolean Returns true if cssState matches currentCSSState.	AdvancedStyleClient
		matchesCSSType(cssType:String):Boolean Determines whether this instance is the same as, or is a subclass of, the given type.	AdvancedStyleClient
		notifyStyleChangeInChildren(styleProp:String, recursive:Boolean):void Propagates style changes to the children of this style client instance.	AdvancedStyleClient
		propertyIsEnumerable(name:String):Boolean Indicates whether the specified property exists and is enumerable.	Object
		regenerateStyleCache(recursive:Boolean):void Sets up the internal style cache values so that the getStyle() method functions.	AdvancedStyleClient
		registerEffects(effects:Array):void Registers the EffectManager as one of the event listeners for each effect event.	AdvancedStyleClient
		removeEventListener(type:String, listener:Function, useCapture:Boolean = false):void Removes a listener from the EventDispatcher object.	EventDispatcher
		setPropertyIsEnumerable(name:String, isEnum:Boolean = true):void Sets the availability of a dynamic property for loop operations.	Object
		setStyle(styleProp:String, newValue:*):void Sets a style property on this component instance.	AdvancedStyleClient
		styleChanged(styleProp:String):void Detects changes to style properties.	AdvancedStyleClient
		stylesInitialized():void Flex calls the stylesInitialized() method when the styles for a component are first initialized.	AdvancedStyleClient
		toLocaleString():String Returns the string representation of this object, formatted according to locale-specific conventions.	Object
		toString():String Returns the string representation of the specified object.	Object
		valueOf():Object Returns the primitive value of the specified object.	Object
		willTrigger(type:String):Boolean Checks whether an event listener is registered with this EventDispatcher object or any of its ancestors for the specified event type.	EventDispatcher

Events

Click for more information on events

Hide Inherited Events

Show Inherited Events

	Summary	Defined By
activate	[broadcast event] Dispatched when the Flash Player or AIR application gains operating system focus and becomes active.	EventDispatcher
change	The change event is generated whenever the locale style is changed or another property is set that would cause the format of a number to change or cause updates to the other values available through this class.	GlobalizationBase
deactivate	[broadcast event] Dispatched when the Flash Player or AIR application operating loses system focus and is becoming inactive.	EventDispatcher

Styles

Styles are either common or associated with a specific theme. If the style is common, it can be used with any theme. If a style is associated with a specific theme, it can only be used if your application uses that theme.

Common Styles

Click for more information on styles

Hide Inherited Styles

Show Inherited Styles

	Style		Description	Defined By
		locale	Type: String CSS Inheritance: Yes Language Version: ActionScript 3.0 Product Version: Flex 4.5 Runtime Versions: Flash10.1, AIR 2.5 The locale identifier that specifies the language, region, script and optionally other related tags and keys.	GlobalizationBase

Property Detail

Constructor Detail

Method Detail

Examples How to use this example

DateTimeFormatterExample.mxml

Copy

<?xml version="1.0" encoding="utf-8"?>
<!--  Sample program for spark.formatters.DateTimeFormatter -->
<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">

    <fx:Declarations>
        <s:DateTimeFormatter id="dateTimeFormatter"/>
    </fx:Declarations>

    <fx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;

            private static const dateTimeStyleMenuItems:ArrayCollection
                = new ArrayCollection(["long", "medium", "short", "none"]);
        ]]>
    </fx:Script>

    <mx:Form>
        <mx:FormItem label="Input Locale ID Name">
            <mx:HBox>
                <s:TextInput id="inputLocaleIDName"/>
                <!-- Upon button click, sets the locale style on the document
                    UI component. The formatter will inherit this style. -->
                <s:Button click="setStyle('locale', inputLocaleIDName.text);"
                          label="Apply"/>
            </mx:HBox>
            <mx:Text text="Example: 'en-US', 'fr-FR', 'ja-JP', 'ar-SA'"/>
        </mx:FormItem>
        <mx:FormItem label="Date Style">
            <s:DropDownList id="dateStyle" requireSelection="true"
                change="dateTimeFormatter.dateStyle = dateTimeStyleMenuItems[dateStyle.selectedIndex]"
                dataProvider="{dateTimeStyleMenuItems}"/>
        </mx:FormItem>
        <mx:FormItem label="Time Style">
            <s:DropDownList id="timeStyle" requireSelection="true"
                change="dateTimeFormatter.timeStyle = dateTimeStyleMenuItems[timeStyle.selectedIndex]"
                dataProvider="{dateTimeStyleMenuItems}"/>
        </mx:FormItem>
        <mx:FormItem label="Input Date">
            <mx:TextInput id="inputDate" text="{new Date().toString()}"/>
        </mx:FormItem>
        <mx:FormItem label="Actual Locale ID Name">
            <mx:Text text="{dateTimeFormatter.actualLocaleIDName}"/>
        </mx:FormItem>
        <mx:FormItem label="Formatted Result">
            <mx:Text id="uiFormattedDate"
                text="{dateTimeFormatter.format(inputDate.text)}"/>
        </mx:FormItem>
    </mx:Form>
</s:Application>

[an error occurred while processing this directive]

Legal Notices | Online Privacy Policy

	`ArgumentError` — if the assigned value is not a valid `DateTimeStyle` constant or is `DateTimeStyle.CUSTOM`.

	`TypeError` — if the `dateStyle` or is set to `null`.

	`ArgumentError` — if the assigned value is not a valid `DateTimeStyle` constant or is `DateTimeStyle.CUSTOM` .

	`TypeError` — if the `dateStyle` or `timeStyle` parameter is null.

	`nameStyle:String` (default = "`full`") — Indicates the style of name string to be used. Valid values are: `DateTimeNameStyle.FULL` `DateTimeNameStyle.LONG_ABBREVIATION` `DateTimeNameStyle.SHORT_ABBREVIATION`

	`context:String` (default = "`standalone`") — A code indicating the context in which the formatted string will be used. This context will only make a difference for certain locales. Valid values are: `DateTimeNameContext.FORMAT` `DateTimeNameContext.STANDALONE`

DateTimeFormatter - AS3 Flex

Package spark.formatters

actualLocaleIDName

dateStyle

dateTimePattern

errorText

lastOperationStatus

timeStyle

useUTC

format

getAvailableLocaleIDNames

getFirstWeekday

getMonthNames

getWeekdayNames