至顶网›软件频道 ›应用软件›[冷枫]Flex组件篇：DateField

[冷枫]Flex组件篇：DateField

扫一扫
分享文章到微信
扫一扫
关注官方公众号
至顶头条

Flex组件篇：DateField

作者：冷枫来源：CSDN 2007年9月23日

关键字：冷枫 Flex 组件 DateField 软件

DateField也是一个日期选择组件，点击会调用DateChooser组件，一般用于日期的选择。
创建DateField的方式很简单，如：

<mx:DateField id='date1' width='120' />

可以使用dateFormatter属性格式化日期显示结果

1. <mx:Script>

2. <![CDATA[

3. function formatDate(date:Date):String

4. {

5. return date.getUTCDate() + '/' + ( date.getUTCMonth() + 1 ) + '/' +

6. date.getUTCFullYear();

7. }

8. ]]>

9. </mx:Script>

10. <mx:DateField id='date1' dateFormatter='formatDate' width='100' />

显示效果如图
如果要设置日历的格式，也需要设置DateField组件中的相关属性，这些和DateChooser组件的设置方法相同。这个时候如果也用MXML标记来设置的话，恐怕就比较麻烦了，所以应该养成用AS脚本来设置组件的习惯。这里就不多说了。基本上DateField组件的使用和DateChooser差不多，掌握了DateChooser组件，DateField自然就不成问题。
另外注意知道的是DateField组件比DateChooser组件多了两个事件：
open 点击打开DateChooser组件的事件响应
close 用户选择了日期或者在DateChooser组件之外点击的事件响应
下面的例子在选择了日期后会弹出对话框提示选择的结果

1. <mx:Script>

2. <![CDATA[

3. function showSelectedDate(eventObj):String

4. {

5. return eventObj.target.selectedDate.getDate() + '/' +

6. ( eventObj.target.selectedDate.getMonth() + 1 ) + '/' +

7. eventObj.target.selectedDate.getFullYear();

8. }

9. ]]>

10. </mx:Script>

11. <mx:DateField id='date1' close='alert(showSelectedDate(event))' width='100' />

Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=755075

[冷枫]Flex组件篇：DateField

业界热点: