Flex组件篇:DateField

原创 2006年05月25日 17:27:00

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

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

 

1.


可以使用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' />

 

相关文章推荐

Flex基础控件--DateField

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

flex常见组件背景及边框颜色实例

一、Button 1、flex4as方式实例       xmlns:s="library://ns.adobe.com/flex/spark"        xmlns:mx=...

Flex组件 DateField

转冷枫的,他写的太详细了, 日期选取组件用于显示日历和进行某天的选择,使用的是AS中的Date类。 创建DateChooser组件 下面的例子创建了一个日历组件,并且选中日期为2004年12月2...

Flex4 自定义DateField 带时分秒

Flex4_DateChooser_DateField

  • 2011年05月01日 22:02
  • 2KB
  • 下载

Flex4 DateField自定义的日期选择控件,可选择时分秒

YJQDateField.mxml [html] view plaincopy xml version="1.0" encoding="utf-8"...

Vaadin Web应用开发教程(14):UI组件-DateField

DateField 用于显示和输入日期和时间。它有两个变种:一是PopupDateField ,以Popup 日历选取框,另外为InlineDateField,会一直显示日期选择窗口。DateFiel...

Ext.form.FormPanel 组件的使用(CheckBox, Radio, HtmlEditor,DateField等组件)

N久没有写extjs的,作为一个新手,我为我的这种懒惰行为感到惭愧! 鉴于有朋友反应前面的文章过于简单,我决定以后的文章如果没有闪光点就放在新手区(如果不适合,请跟帖),不放在首页! 11.che...

【Flex4.6】TabBar组件运用【华丽篇】

flex flex组件 TabBar组件运用,导航组件的切换
  • dlamwz
  • dlamwz
  • 2015年09月06日 00:14
  • 247
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Flex组件篇:DateField
举报原因:
原因补充:

(最多只允许输入30个字)