<?xml version="1.0" encoding="utf-8"?>
<!-- DateChooser コントロールの使用方法を示す簡単な例 -->
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml" backgroundColor="#FFFFFF"
width="100%" height="100%">

<mx:Script>
        
<!--このイベントハンドラは DateChooser コントロールを初期化します-->   
function initDateChooser()
        {
meetingDC.displayedMonth = (new Date().getMonth()) + 1;
meetingDC.displayedYear  =  new Date().getFullYear();
        }
        
<!-- Displays date selected by the User-->
function displayDate(date)
        {
var tempdate;
            
if (date==null)
           {
selectedDate.text='';
           }
else
           {
selectedDate.text= "You chose to schedule the meeting on "
+ dateformatter.format(date);
           }
        }       

</mx:Script>

<mx:Panel title="Scheduler Panel" width="100%" height="100%" backgroundColor="#FFFFCC">

<mx:VBox width="100%" height="100%">

<mx:Label text="Schedule a meeting sometime next month"/>

<mx:HBox width="100%" height="100%">

<mx:VBox width="100%" height="100%">

<mx:Label text="Customized Date Chooser"/>

<mx:DateChooser firstDayOfWeek="1" id="meetingDC" initialize="initDateChooser()"
disabledDays="[0,6]" change="displayDate(event.target.selectedDate)"
width="100%" height="100%" selectionColor="#FFCCCC" rollOverColor="#CCFFCC"
headerColor="#FFCC66" dayNames="{mx.formatters.DateBase.defaultDayNamesShort}"
monthNames="{mx.formatters.DateBase.defaultMonthNamesLong}">

</mx:DateChooser>

</mx:VBox>

<mx:VBox>
<mx:Label text="Default Date Chooser"/>
<mx:DateChooser change="displayDate(event.target.selectedDate)"/>
</mx:VBox>

</mx:HBox>

<mx:Label color="#0066FF" id="selectedDate"/>

</mx:VBox>

</mx:Panel>

<mx:DateFormatter id="dateformatter" formatString="month:MM, day:DD, year:YYYY"/>

</mx:Application>