【永恒的瞬间】
☜Give me hapy ☞

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

posted on 2007-01-12 14:09 ☜♥☞MengChuChen 阅读(1845) 评论(0)  编辑  收藏 所属分类: flex2.0

只有注册用户登录后才能发表评论。


网站导航: