Flex 日期选择器控件

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
 3                        xmlns:s="library://ns.adobe.com/flex/spark" 
 4                        xmlns:mx="library://ns.adobe.com/flex/mx">
 5     <fx:Declarations>
 6         <!-- 将非可视元素（例如服务、值对象）放在此处 -->
 7     </fx:Declarations>
 8     <fx:Script>
 9         <![CDATA[
10             import mx.controls.Alert;
11             import mx.events.CalendarLayoutChangeEvent;
12             import mx.events.DateChooserEvent;
13             //定义改变选择日期时发生的事件，在文本控件中显示当前选择的日期
14             public function changeDate(event:CalendarLayoutChangeEvent):void{
15             var showDate:String = event.currentTarget.selectedDate.getFullYear() + "年"
16                 + event.currentTarget.selectedDate.getMonth() + "月" +
17                 event.currentTarget.selectedDate.getDay()+"日";
18                 
19                 showDateText.text = showDate;
20             
21             }
22             
23             //定义改变当前显示月份时发生的事件
24             private function changeMonth(event:DateChooserEvent):void{
25               mx.controls.Alert.show(event.detail);
26             }
27         ]]>
28     </fx:Script>
29     <mx:Panel title="日期选择器控件" width="239" height="273" layout="vertical" horizontalAlign="center">
30         <!-- 控件定义，选择日期从2006年1月1日到2007年9月15日，月份从0开始计数-->
31         <mx:DateChooser id="date1"
32             selectableRange="{{rangeStart:new Date(2006,0,1),rangeEnd:new Date(2007,9,15)}}"
33             scroll="changeMonth(event)"
34             change = "changeDate(event)">
35         </mx:DateChooser>
36         <mx:Text id="showDateText" width="174" height="24"/>
37     </mx:Panel>
38     
39     
40     
41 </s:WindowedApplication>