Flex组件之DateChooser

DateChooser是flex中一个显示日历和选择日期的组件

 

创建一个DateChooser组件

 

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
	<mx:DateChooser  showToday="true" id="date1"/>
</mx:Application>

 上面的例子就是创建了一个dateChooser的组件，并高亮显示今天的日期。

 

得到选定的日期

DateChooser使用了AS的Date类的方法，可以用个get和set方法获取选中日期的日期值或者设置日期值。

 

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:Script>
	 	<![CDATA[
			   function useDate(eventObj){
					test1.text = eventObj.target.selectedDate.getFullYear()+"/"+  //拿到当前日期的年
								 eventObj.target.selectedDate.getMonth()+"/"+     //拿到当前日期的月份
								 eventObj.target.selectedDate.getDate()           //拿到当前的日期在当月的哪天
			   }
	 	]]>
	 </mx:Script>
	<mx:DateChooser  showToday="true" id="date1" change="useDate(event);"/>
	<mx:Text x="182" y="146" text="Text" width="208" height="34" fontFamily="微软雅黑" id="test1" fontSize="21"/>
</mx:Application>

 上面的例子就是通过组件的change事件调用useDate();方法，拿到了当前日期的年月日。

 

设置和BackgroundColor和BackgroundAlpha来控制背景颜色

 

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
         layout="vertical"
         verticalAlign="middle"
         backgroundColor="white">
   <mx:ApplicationControlBar dock="true">
          <mx:Form styleName="plain">
            <mx:FormItem label="backgroundAlpha:">
                 <mx:HSlider id="slider"
                          minimum="0"
                         maximum="1"
                          value="1"
                          liveDragging="true"
                          snapInterval="0.01"
                         tickInterval="0.1" />
              </mx:FormItem>
            <mx:FormItem label="backgroundColor:">
                <mx:ColorPicker id="colorPicker"
                        selectedColor="white" />
            </mx:FormItem>
          </mx:Form>
       </mx:ApplicationControlBar>
       <mx:DateChooser id="dateChooser"
              backgroundAlpha="{slider.value}"
              backgroundColor="{colorPicker.selectedColor}" />
	
</mx:Application>

 上面的例子就是用一个滑动条和一个颜色选择器来控制控件的背景。HSlider是一个滑动条，在1和100之间控制控件的透明度，ColorPicker是一个颜色选择器，来选择控件的背景颜色。

 

%E