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