Use Date from a Calendar Control

         

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">

    <mx:Form>
        <mx:FormItem label="Start Date">
            <mx:DateField id="startDate" change="update(event)"/>
        </mx:FormItem>
        <mx:FormItem label="End Date">
            <mx:DateChooser id="endDate" change="update(event)"/>
        </mx:FormItem>
        <mx:FormItem label="Trip Duration (days)">
            <mx:Label id="display"/>
        </mx:FormItem>
    </mx:Form>

    <mx:Script>
        
            import mx.events.CalendarLayoutChangeEvent;
            private function update(evt:CalendarLayoutChangeEvent):void {
                var MILLISECONDS:int = 1000;
                var SECONDS:int = 60;
                var MINUTES:int = 60;
                var HOURS:int = 24;

                var diff:Number = endDate.selectedDate.getTime() - startDate.selectedDate.getTime();
                var days:int = int(diff/(MILLISECONDS*SECONDS*MINUTES*HOURS));
                display.text = days.toString();
            }
      
    </mx:Script>
</mx:Application>

1.	Use DateField to let user choose date
2.	DateField form item
3.	Use ActionScript to set initial selected date for a DateField control
4.	DateField Item Editor
5.	DateField renderer for List
6.	Date Entry with DateField
7.	Use an array to set the disabledDays property for DateField.
8.	Using DateField as List Editor
9.	Set the disabledDays property in two different ways: using tags and using tag attributes
10.	Set the formatString property to "MM/DD/YY" to display a two-digit year

Use Date from a Calendar Control : DateField « Components « Flex

Related examples in the same category