DateChooser control with : DateChooser « Components « Flex






  1. Flex
  2. Components
  3. DateChooser

DateChooser control with

DateChooser control with <mx:DateChooser>
       

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
        
        import mx.events.CalendarLayoutChangeEvent;
        private function useDate(eventObj:CalendarLayoutChangeEvent):void {
            if (eventObj.currentTarget.selectedDate == null) {
                return
            }
            day.text = eventObj.currentTarget.selectedDate.getDay();
            date.text = eventObj.currentTarget.selectedDate.getDate();
            month.text = eventObj.currentTarget.selectedDate.getMonth();
            year.text = eventObj.currentTarget.selectedDate.getFullYear();
            wholeDate.text = eventObj.currentTarget.selectedDate.getFullYear() +"/" +(eventObj.currentTarget.selectedDate.getMonth()+1) + "/" + eventObj.currentTarget.selectedDate.getDate();
        }
      
    </mx:Script>
    <mx:DateChooser id="date1" change="useDate(event)" />
    <mx:Form>
        <mx:FormItem label="Day">
            <mx:TextInput id="day" width="100" />
        </mx:FormItem>
        <mx:FormItem label="Day of month">
            <mx:TextInput id="date" width="100" />
        </mx:FormItem>
        <mx:FormItem label="Month">
            <mx:TextInput id="month" width="100" />
        </mx:FormItem>
        <mx:FormItem label="Year">
            <mx:TextInput id="year" width="100" />
        </mx:FormItem>
        <mx:FormItem label="Date">
            <mx:TextInput id="wholeDate" width="300" />
        </mx:FormItem>
    </mx:Form>
</mx:Application>








Related examples in the same category

1.Use DateChooser to choose dateUse DateChooser to choose date
2.Access selectedDate from DateChooserAccess selectedDate from DateChooser
3.DateChooser header styleDateChooser header style
4.DateChooser Day styleDateChooser Day style
5.Set Today style for DateChooserSet Today style for DateChooser
6.DateChooser control selectableRange, disabledRanges, disabledDaysDateChooser control selectableRange, disabledRanges, disabledDays
7.Set dayNames of DateChooser with initialize eventSet dayNames of DateChooser with initialize event
8.Set firstDayOfWeek of DateChooser with initialize eventSet firstDayOfWeek of DateChooser with initialize event
9.Set headerColor of DateChooser with initialize eventSet headerColor of DateChooser with initialize event
10.Set selectableRange of DateChooser with initialize eventSet selectableRange of DateChooser with initialize event
11.DateChooser scrolling eventDateChooser scrolling event
12.Set DateChooser displaying MonthSet DateChooser displaying Month
13.Set date range for DateChooserSet date range for DateChooser
14.Add a DateChooser controlAdd a DateChooser control
15.Date entry with DateChooserDate entry with DateChooser
16.Attach DateChooser to PopUpButtonAttach DateChooser to PopUpButton
17.A DateChooser controlA DateChooser control
18.DateChooser StylesDateChooser Styles
19.DateChooser SelectableDateChooser Selectable
20.Set dayNames, firstDayOfWeek, headerColor, and selectableRange properties of a DateChooser control by using an initialize event:Set dayNames, firstDayOfWeek, headerColor, and selectableRange properties of a DateChooser control by using an initialize event:
21.Programmatic DateChooser SelectorProgrammatic DateChooser Selector
22.Get full year from selected dateGet full year from selected date
23.Set selectedDate property in a functionSet selectedDate property in a function
24.Don't show todayDon't show today
25.Check if selected date is nullCheck if selected date is null