Flex基础控件--DateField-白红宇

Flex基础控件--DateField

阅读量：4199 次

发布时间：2019-05-26

本文共 3966 字，大约阅读时间需要 13 分钟。

DateField控件可以让用户在图形化日历中选择日期。DateChooser控件的用户界面是日历。DateField控件有一个文本框，使用在弹出的日期选择器中选择的日期作为结果。DateField控件的属性集市DateChooser控件属性集的超集。

DateField这个控件由于功能单一，没什么好拓展的，所以比较简单。先举个例子

<?xml version="1.0" encoding="utf-8"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal" verticalAlign="top"    horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" paddingTop="0" paddingBottom="0" viewSourceURL="srcview/index.html">    <mx:Script>          </mx:Script>  <mx:DateFormatter id="df"/>    <mx:Panel title="DateField Control Example" width="600" color="0xffffff" borderAlpha="0.15" height="240"       layout="horizontal" horizontalGap="15" paddingLeft="10" paddingTop="10" paddingRight="10" paddingBottom="10" horizontalScrollPolicy="off" verticalScrollPolicy="off">                <mx:VBox width="50%" borderColor="0xDCDCDC" borderStyle="solid" height="100%" paddingLeft="10">            <mx:Label id="selection" color="0x323232" text="Date selected:" />                        <mx:DateField id="dateField1" yearNavigationEnabled="true"                change="dateChanged(DateField(event.target).selectedDate)" color="0x000000"/>                            <mx:Label color="0x000000" text="Basic DateField:"/>            <mx:Text width="100%" color="0x323232"                text="Select a date in the DateField control. Select it again while holding down the Control key to clear it."/>                    </mx:VBox>                <mx:VBox width="50%" borderColor="0xDCDCDC" borderStyle="solid" height="100%" paddingLeft="10">            <mx:Label color="0x323232" text="Date selected: {df.format(dateField2.selectedDate)}"/>                        <mx:DateField id="dateField2" yearNavigationEnabled="true"                 disabledRanges="{[ {rangeEnd: new Date(2008, 9, 31)} ]}" color="0x000000"/>                            <mx:Text color="0x000000" text="Disable dates on or before Oct 31, 2008."/>        </mx:VBox>            </mx:Panel></mx:Application>

基本上

DateField

组件的使用和

DateChooser

差不多，掌握了

DateChooser

组件，

DateField

自然就不成问题。

另外注意知道的是

DateField

组件比

DateChooser

组件多了两个事件：

open

点击打开

DateChooser

组件的事件响应

close 用户选择了日期或者在DateChooser组件之外点击的事件响应

用以下方法来初始化Datafield

<mx:DateField id="date3" selectedDate="{new Date (2005, 3, 10)}"/>

下面讲下如何格式化时间，其实很简单DataField可以使用formatString来格式化

最后讲下和时间格式相关的DateFormatter,注意格式表达式和JAVA中的不同

转载地址：http://apbli.baihongyu.com/

你可能感兴趣的文章