关闭

Flex组件篇:DateField

标签: flexdatefunctionstring日历脚本
5661人阅读 评论(0) 收藏 举报
分类:

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

 

0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

Flex常用组件

Flex常用组件(上)学习内容Ø Flex组件的分类Ø Flex常用组件的使用。Ø 使用组件处理数据和交互Ø ActionScript3.0和JavaScript交互能力目标Ø 掌握使用各种常用组件搭...
  • zhangchen124
  • zhangchen124
  • 2017-03-11 07:43
  • 1004

Flex之旅:第二部分:容器与布局(2)---动态添加组件(TabNavigator)

动态添加组件 其实所谓的动态添加组件,就是使用as代码去添加,而不是使用标签去事先定义好。 我定义了一个TabNavigator,初始化时候,没有往里面添加任何的组件。 之后...
  • miqi770
  • miqi770
  • 2015-03-26 10:23
  • 3611

flex中获得子组件的父级对象和顶级对象

parentApplication 组件的parentApplication属性包含此组件的Application对 象,Application对象本身的parentApplication为null...
  • catherine0_0
  • catherine0_0
  • 2013-01-22 09:57
  • 635

Flex组件组件添加自定义事件

自定义组件如下:com.cp2
  • chenscmail
  • chenscmail
  • 2013-01-08 13:45
  • 1835

Flex框架及最详细比较 MX and Spark组件

Flex3到Flex4,增加了Spark组件,这是Flex的一次重要升级,基本上组件全部重写了一套,为了保持向下兼容,出现了同一组件两套实现并存的现象,虽然说Spark组件中也可嵌入MX组件,但实际使...
  • ajian005
  • ajian005
  • 2013-01-19 10:54
  • 1688

Flex中控件Datefield的中文显示

对于Flex中控件Datefield,默认是英文显示。但我们可以能过重新赋值的方式,让其显示中文。效果如图1          赋值的方式有两种。一种是直接写在datefield所在的那个mx...
  • catherine0_0
  • catherine0_0
  • 2013-04-19 13:23
  • 822

FLEX如何动态创建DataGrid组件详解

初学FLEX时,需要在AS里动态生成DataGrid,结果搞了很久才搞明白怎么把用MXML写出来的DataGrid改成用AS写出来,其中最主要的就是自定义itemEditor、itemRender怎么...
  • lulei9876
  • lulei9876
  • 2013-07-11 20:42
  • 2473

Extjs4 获取datefield时间格式问题

Extjs4 获取datefield时间格式问题 2012-03-07 10:16:48 标签:Extjs4 职场 休闲 datefield  在查询面板中有个时间字段, { ...
  • evilcry2012
  • evilcry2012
  • 2016-11-02 14:28
  • 2053

Flex容器和组件的初始化创建事件

在FLEX中,我们经常会用到,当容器或者这个组件初始化的时候,或者创建完成的时候,就去做一些事情。 那么此时Flex就会派发preinitialize、initialize和creationComp...
  • atomcrazy
  • atomcrazy
  • 2013-06-30 18:29
  • 3456

深入剖析Flex4与自定义布局关系

在学习Flex4的过程中,你对自定义布局的概念是否熟悉,这里和大家分享一下Flex4与自定义布局的关系,Flex4/Spark组件架构的新功能之一是可以定制一个容器的布局而不必改变容器本身。您需要做的...
  • jonave
  • jonave
  • 2013-05-21 17:15
  • 478
    个人资料
    • 访问:1084721次
    • 积分:14180
    • 等级:
    • 排名:第1018名
    • 原创:305篇
    • 转载:28篇
    • 译文:0篇
    • 评论:592条
    最新评论
    [╄ 冷枫]简介