`
咖啡舞者
  • 浏览: 129709 次
  • 性别: Icon_minigender_1
  • 来自: 福州
社区版块
存档分类
最新评论

Flex DateField 日期范围

    博客分类:
  • FLEX
阅读更多

    开始日期 与 结束日期的范围选择
    两者都不能大于今天,开始日期不能大于结束日期

<?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选择时分秒

    在Flex编程中,DateField是Adobe Flex SDK提供的一种用于输入日期的组件。它允许用户通过一个下拉日历选择日期,但默认情况下,DateField仅支持日期的选择,并不包括时间。然而,在某些应用场景中,我们需要用户能够...

    Flex带时间的日期控件

    在Flex中,我们可以使用内置的DateField组件来创建基本的日期选择器,但默认情况下,DateField仅支持选择日期,不包含时间选择。为了实现“Flex带时间的日期控件”,我们需要自定义DateField或者使用第三方库,如mx....

    flex日期控件可选时分秒

    Flex提供了多种日期相关的组件,如DateField、DatePicker等,它们可以集成在应用程序中,为用户提供直观的日期选择体验。 三、DateTimeField组件 标题中提到的"DateTimeField"是Flex中一个重要的日期时间选择控件。...

    flex中时分秒计算

    在Flex开发中,时间相关的功能经常被用到,比如日期选择器、时间输入框等。对于这些需求,Adobe Flex框架提供了丰富的组件来帮助开发者实现。本文将详细介绍如何在Flex项目中实现时分秒的计算与展示,并结合具体代码...

    非常实用的日期时间控件

    DateField支持多种日期格式,并且可以设置最小和最大日期范围,以限制用户的选择。 TimeField则专用于时间选择,同样提供文本输入和下拉时钟选择器。用户可以设定小时、分钟和秒,也可以自定义时间格式。 Spark...

    Flex常规控件和组件

    10. DateChooser:DateChooser 显示日历界面,让用户选择日期、日期范围或多个日期。它有前进和后退按钮,以及禁用特定日期或限制日期范围的选项。 11. DateField:DateField 是一个包含日历图标的文本输入框,用户...

    flex自动验证组建(插件)

    验证规则可以包括但不限于检查数据类型(如数字、日期等)、数据范围(最小值和最大值)、字符串长度以及正则表达式匹配等。`Validator`类提供了丰富的内置验证规则,同时支持自定义验证函数,以满足各种复杂的验证...

    《Flex 3 组件实例与应用(2009版)》(PDF)

    DateField用于输入和显示日期,提供了日期选择的便捷方式。 ### 加载器控件(Loader controls) #### Image Image组件用于加载和显示图像,支持多种格式。 #### SWFLoader SWFLoader用于加载和显示SWF文件,常...

    Flex 3 组件实例与应用(2009版)

    - **DateField** - 输入日期的文本框。 ##### 21. **LoaderControls** - **Image** - 显示图片的组件。 - **SWFLoader** - 加载SWF文件的组件。 - **VideoDisplay** - 显示视频的组件。 #### 四、高级控件 #####...

Global site tag (gtag.js) - Google Analytics