冷枫@CSDN

CSharp程序员大本营:积累平凡就是积累卓越!有了翅膀,你就有了天空!钝到极点的刀才最具杀伤力——因为它是锤子!...

Flex组件篇:DateField

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

 

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/JavaProgramers/article/details/755075
个人分类: [E]Flex+CF+Ajax
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

Flex组件篇:DateField

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭