开始日期 与 结束日期的范围选择
两者都不能大于今天,开始日期不能大于结束日期
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" backgroundGradientColors="[#ffffff, #ffffff]">
<mx:Script>
<![CDATA[
import mx.controls.DateField;
[Bindable]
private var today:Date = new Date(new Date().setHours(0,0,0,0));
[Bindable]
private var start:Date = today;
[Bindable]
private var end:Date = start;
//=======================================
//Event Handler
//=======================================
/*DateChange*/
private function onDateChangeHandler(event:Event):void
{
//var currentDF:DateField = DateField(event.currentTarget);
if(startDF.text == "")
{
startDF.selectedDate = start;
}
else
{
start = startDF.selectedDate;
}
if(endDF.text == "")
{
endDF.selectedDate = this.end;
}
else
{
this.end = endDF.selectedDate;
}
}
]]>
</mx:Script>
<mx:ApplicationControlBar width="446" dock="true">
<mx:Label text="开始日期:" />
<mx:DateField id="startDF" showToday="true" selectedDate="{start}" formatString="YYYY年MM月DD日"
selectableRange="{{rangeEnd:end}}" change="onDateChangeHandler(event)"/>
<mx:Label text="结束日期:"/>
<mx:DateField id="endDF" showToday="true" selectedDate="{end}" formatString="YYYY年MM月DD日"
selectableRange="{{rangeStart:start,rangeEnd:today}}" change="onDateChangeHandler(event)"/>
</mx:ApplicationControlBar>
</mx:Application>
分享到:
相关推荐
在Flex编程中,DateField是Adobe Flex SDK提供的一种用于输入日期的组件。它允许用户通过一个下拉日历选择日期,但默认情况下,DateField仅支持日期的选择,并不包括时间。然而,在某些应用场景中,我们需要用户能够...
在Flex中,我们可以使用内置的DateField组件来创建基本的日期选择器,但默认情况下,DateField仅支持选择日期,不包含时间选择。为了实现“Flex带时间的日期控件”,我们需要自定义DateField或者使用第三方库,如mx....
Flex提供了多种日期相关的组件,如DateField、DatePicker等,它们可以集成在应用程序中,为用户提供直观的日期选择体验。 三、DateTimeField组件 标题中提到的"DateTimeField"是Flex中一个重要的日期时间选择控件。...
在Flex开发中,时间相关的功能经常被用到,比如日期选择器、时间输入框等。对于这些需求,Adobe Flex框架提供了丰富的组件来帮助开发者实现。本文将详细介绍如何在Flex项目中实现时分秒的计算与展示,并结合具体代码...
DateField支持多种日期格式,并且可以设置最小和最大日期范围,以限制用户的选择。 TimeField则专用于时间选择,同样提供文本输入和下拉时钟选择器。用户可以设定小时、分钟和秒,也可以自定义时间格式。 Spark...
10. DateChooser:DateChooser 显示日历界面,让用户选择日期、日期范围或多个日期。它有前进和后退按钮,以及禁用特定日期或限制日期范围的选项。 11. DateField:DateField 是一个包含日历图标的文本输入框,用户...
验证规则可以包括但不限于检查数据类型(如数字、日期等)、数据范围(最小值和最大值)、字符串长度以及正则表达式匹配等。`Validator`类提供了丰富的内置验证规则,同时支持自定义验证函数,以满足各种复杂的验证...
DateField用于输入和显示日期,提供了日期选择的便捷方式。 ### 加载器控件(Loader controls) #### Image Image组件用于加载和显示图像,支持多种格式。 #### SWFLoader SWFLoader用于加载和显示SWF文件,常...
- **DateField** - 输入日期的文本框。 ##### 21. **LoaderControls** - **Image** - 显示图片的组件。 - **SWFLoader** - 加载SWF文件的组件。 - **VideoDisplay** - 显示视频的组件。 #### 四、高级控件 #####...