Zhlw.com - 中华龙网

站长资讯通告:
搜索: 您的位置中华龙网 > 计算机网络 > 设计学院 > Flash > 文章列表

Flashmx2004系列教程〈二〉UI组件-Date Chooser Component

作者:bear  来源:转载  发布时间:2005-12-2 12:01:04

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);

        用户名: 验证码: 验证码,看不清楚?请点击刷新验证码 (注“”为必填内容。)


文章评论: [ 查看全部 ] 网友评论
推荐文章
  • 该分类还没有添加任何内容!
关于本站 - 网站帮助 - 广告合作 - 友情连接 - 网站地图