Flashmx2004系列教程〈二〉UI组件-DateChooserComponent

Date Chooser Component 组件在2004中只是在FLASHMX中中日历的新名字而已。使用起来也很简单。

1.新建一个新的文档。如下图所示的布局做为参考。

2。创建一个新层。最上层取命为action下层为componets.

3.将文本域拖到场景中将其放在上端.我们将用它来显示在日期选择组件中所选的组件。同时选中文本域在属性面板中为其命名为statusMessage.在text属性中输入如下文本Select dates on the DateChooser component, below.

4.将日期选择组件拖至场景中并放在文本域的下方，在属性面板中为其取实例名为myDateChooser.然后我们来看一下在该组件中我们可以使用的变量有哪些，使用disableDays我们可以显示日期但用户不可以选择，通过firstdayofweek我们可以指定一个星期的第一天，0代表星期日，monthnames可以根据语言的种类指定月份的名称，showtoday是显示当前这一天。

5.在第一帧上输入如下代码：

myDateChooserListener=new Object();
myDateChooserListener.change=function(eventObj){
 var eventSource=eventObj.target;
 var theSelectedDate=eventSource.selectedDate;
 //创新显示信息。
 var msg="您选择的是" +theSelectedDate+"。";
//显示信息 

statusMessage.text=msg;

}
myDateChooser.addEventListener"change",myDateChooserListener);

6.测试影片，现在你就可以交互显示你的日期了。

7.可能显示的结果不是你想要的，只要将日期格式化一下就可以得到我们想要的结果了。将上面的代码修改为：

myDateChooserListener=new Object();
myDateChooserListener.change=function(eventObj){
 var eventSource=eventObj.target;
 var theSelectedDate=eventSource.selectedDate;
 //格式化日期

 var theDate=theSelectedDate.getDate();
 var theMonth=theSelectedDate.getMonth()+1;
 var theYear=theSelectedDate.getFullYear();
 //创建显示信息
 var msg="您选择的是" +theMonth +"月"+theDate+"日"+theYear+"年";
//显示信息 

statusMessage.text=msg;
}
myDateChooser.addEventListener"change",myDateChooserListener);