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'   />