2.11
使用来自
Calendar
控件的日期
2.11.1 问题
你想让用户从一个日历样式的控件中选择日期。
2.11.2
解答
使用
DataField
控件或者
DateChooser
控件为用户提供便捷的日历样式的控件去选取日期。
2.11.3
讨论
Flex
框架为日历功能提供了两个控件:
DateField
和
DateChooser
。
DateField
提供了一个文本输入框和一个日历图标,单击图标会打开一个日历。另一方面,
DateChooser
为用户一直显示一个日历。下面的例子是一个简单的旅程计时器,用到了这两种类型的控件。用户用
DateField
选择一个起始日期,而结束日期用
DateChooser.
程序通过控件的
change
事件,在
update
这个事件处理器中计算出旅行持续的时间。两个控件的
selectedDate
属性都会根据用户的选择返回一个日期对象。
<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical">
<mx:Form>
<mx:FormHeading label="Trip Calculator"/>
<mx:FormItem label="Start Date">
<mx:DateField id="startDate" change="update(event)"/>
</mx:FormItem>
<mx:FormItem label="End Date">
<mx:DateChooser id="endDate" change="update(event)"/>
</mx:FormItem>
<mx:FormItem label="Trip Duration (days)">
<mx:Label id="display"/>
</mx:FormItem>
</mx:Form>
<mx:Script>
<![CDATA[
import mx.events.CalendarLayoutChangeEvent;
private static const MILLISECONDS:int = 1000;
private static const SECONDS:int = 60;
private static const MINUTES:int = 60;
private static const HOURS:int = 24;
private function update(evt:CalendarLayoutChangeEvent):void {
try {
var diff:Number = endDate.selectedDate.getTime() -
startDate.selectedDate.getTime();
// convert the millisecond into days
var days:int = int(diff/(MILLISECONDS*SECONDS*MINUTES*HOURS));
display.text = days.toString();
}
catch(ex:Error) {
}
}
]]>
</mx:Script>
</mx:Application>
当执行日期计算时,用
Date
对象的
getTime
方法是很重要的,以便让跨年能正确地被分解。
getTimer
方法返回从
1970.1.1
以来的毫秒数。
- 大小: 11.5 KB
分享到:
相关推荐
Flex 3 Cookbook 简体中文版是一本专注于Flex 3技术的实用指南,由翻译协作组精心编译并免费传播。这本书旨在帮助开发者深入理解和应用Flex 3框架,包括ActionScript和MXML这两个核心组成部分。 ActionScript是Flex...
《Flex3 Cookbook》是针对Adobe Flex 3这一版本的开发指南,主要涵盖了使用Flex构建富互联网应用程序(RIA)的各种技术和策略。Flex是一个开源框架,它允许开发者使用MXML和ActionScript来创建交互式、高性能的Web...
《Flex3 CookBook 教程》是一本专为开发者准备的深入指南,旨在帮助读者掌握Adobe Flex 3这一强大的富互联网应用程序(RIA)开发框架。Flex 3是用于构建交互式、高性能的Web应用程序的开源工具,它基于ActionScript ...
Flex 3 Cookbook by Joshua Noble; Todd AndersonPublisher: O'ReillyPub Date: May 6, 2008 Print ISBN-13: 978-0-596-52985-7 Pages: 704 The best way to show off a powerful new technology is to demonstrate...
《Flex 3 Cookbook》是一本专注于Adobe Flex 3开发的实用指南,对于想要深入学习和掌握Flex技术的开发者来说,是一份不可多得的资源。这本书由经验丰富的作者撰写,其翻译质量高,内容准确,避免了常见的翻译错误,...
《Flex 4 Cookbook》是一本由Joshua Noble、Todd Anderson、Garth Braithwaite、Marco Casario 和 Rich Tretola 联合编写的英文书籍,由著名的O'Reilly Media出版,专注于Flex 4技术的实用教程。本书旨在帮助读者...
Flex 4 Cookbook
《Flex3 Cookbook》是针对Adobe Flex 3这一版本的开发指南,它包含了丰富的代码示例和实践教程,帮助开发者深入理解和应用Flex技术。这个完整版的资源包括了源码、范例XML数据以及Bonus Chapter的代码,对于学习和...
这个压缩包包含了“Flex中文帮助”和“Flex3Cookbook中文版”,是初学者入门Flex开发的重要参考资料。 Flex中文帮助是针对Flex SDK的官方文档的中文翻译版,它详细介绍了Flex框架的各种组件、类库、API以及编程模型...
Flex 3 CookBook源码 Flex 3 CookBook源码
Flex 3 Cookbook 是一本专注于Adobe Flex 3技术的实用指南,旨在帮助开发者深入理解和应用Flex 3框架。Flex 3 是一个用于构建富互联网应用程序(RIA)的开发平台,它结合了MXML和ActionScript 3.0,使得UI设计和编程...
《Flex 3 Cookbook 简体中文》是一本专为Flex开发者量身打造的技术参考书,旨在帮助读者深入理解和熟练运用Adobe Flex 3这一强大的富互联网应用(RIA)开发框架。这本书是众多Flex爱好者共同智慧的结晶,集实用性与...
《Flex3 Cookbook》一书由Joshua Noble与Todd Anderson共同编写,是Adobe Developer Library系列的一部分,该系列由O'Reilly Media Inc.与Adobe Systems Inc.合作出版,旨在为使用Adobe技术的开发者提供权威资源。...
《Flex 3 Cookbook》中文版是一本针对Adobe Flex 3技术的实践指南,旨在帮助初学者及有一定经验的开发者深入理解和应用Flex技术。这本书详细介绍了如何利用Flex框架创建富互联网应用程序(RIA),提供了大量实例代码...
《Flex 3 Cookbook 中文版》是一本专为开发者设计的实战指南,旨在帮助读者深入理解和熟练运用Adobe Flex 3这一强大的富互联网应用程序(RIA)开发框架。这本书以"如何做"的形式呈现,使得学习过程既实用又易于理解...
### Flex4 Cookbook 知识点概述 #### 一、书籍基本信息 - **书名**: Flex4 Cookbook - **作者**: Joshua Noble, Todd Anderson, Garth Braithwaite, Marco Casario, Rich Tretola - **出版社**: O'Reilly Media, In...