Flex组件篇:DateField
来源:互联网 发布:地图拼图软件 编辑:程序博客网 时间:2024/06/04 11:15
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' />
- Flex组件篇:DateField
- Flex组件 DateField
- Flex---将DateField组件变成中文样式
- flex DateField
- Flex基础控件--DateField
- Flex DateField 日期范围
- Flex DateField 日期范围
- flex datefield 中文显示格式
- flex 日期选择 DateChooser ,DateField
- 关与extjs datefield组件
- Flex组件篇:Button
- Flex组件篇:DateChooser
- Flex组件篇:Label
- Flex中DateField,Alert的中文汉化
- Flex中DateField,Alert的中文汉化
- flex入门学习之7 DateField
- Flex的mx:DateField 默认日期
- Flex中控件Datefield的中文显示
- JSP基本知识学习
- Flex组件篇:DateChooser
- ASP.NET错误处理和程序优化
- 仅通过崩溃地址找出源代码的出错行
- 排列组合问题的通用算法
- Flex组件篇:DateField
- String 与 int 互相转换
- xPath语法
- OpenGL初探
- 解决外部符号错误:_MAIN,_WINMAIN@16,__BEGINTHREAD
- ELF动态解析符号过程(修订版)
- 数据库设计范式深入浅出
- 小心主题为:“我的号码没变,还是原来那个!”的带毒邮件
- XML使用技巧:技巧#1 XPath中涉及到的轴