|
|
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundAlpha="0" horizontalAlign="left"><mx:Script> <![CDATA[
import mx.events.CalendarLayoutChangeEvent;
private function dateChanged(event:CalendarLayoutChangeEvent) : void { var myDate:Date = event.target.selectedDate; if (myDate != null) { selection.text = "You selected: " + (myDate.getMonth()+1).toString() + '/' + myDate.getDate() + '/' + myDate.getFullYear().toString() ; } else { selection.text = ""; } } ]]></mx:Script>
<mx:Label text="Basic DateField:"/> <mx:DateField id="dateField1" width="100" yearNavigationEnabled="true" change="dateChanged(event)" /> <mx:Label id="selection" />
<mx:Label text="DateField with date range disabled:"/> <mx:DateField id="dateField2" width="100" disabledRanges="{[ {rangeEnd: new Date()} ]}" yearNavigationEnabled="true"/> <mx:Label text="You selected: {dateField2.selectedDate}" />
</mx:Application>
