`
咖啡舞者
  • 浏览: 129218 次
  • 性别: 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控件是用于显示和编辑日期的一种常见组件,它允许用户通过交互界面选择日期。然而,标准的Flex DateField通常只支持日期的选择,而不包括时间的选取。但在某些应用场景中,例如日程安排或...

    Flex自定义DateField选择时分秒

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

    Flex自定义DateField选择时分秒 修复版

    在Flex开发中,DateField是用于输入和显示日期的标准组件,但有时开发人员可能需要更高级的功能,例如选择时、分、秒。标题"Flex自定义DateField选择时分秒 修复版"揭示了一个定制解决方案,它扩展了基础的DateField...

    Flex实现自定义中文日期选择(mx:DateField)

    在Flex开发中,MX组件库提供了DateField控件用于显示和选择日期,但默认情况下,它的日期格式和语言通常是英文。然而,在中国的应用环境中,我们往往需要使用中文日期格式。这篇博客将指导你如何通过自定义来实现...

    Flex 带时间的DateField的

    在Flex开发中,DateField是Adobe Flex UIComponent类的一个子类,用于显示和编辑日期值。这个组件在用户界面设计中非常常见,特别是在需要用户输入日期的表单中。然而,标准的DateField并没有直接提供与时间相关的...

    Flex中DateField实现时分秒选择并添加确定按钮 DateChooser

    最近刚好用到DateField组件,却无奈的发现只能选择年月日,不支持时分秒,在晚上找了好多,有的勉强可以用,但是很不完善.对从网上拿到一份代码进行了改善,具体从哪里拿的也忘了,请原作者勿怪. 改善之后的功能: 1.可以...

    Flex4_DateChooser_DateField

    在Flex4中,DateChooser和DateField是两个用于处理日期输入和显示的UI组件,它们在构建用户界面时起着至关重要的作用。DateChooser通常用于为用户提供一个日历选择器,而DateField则是一个文本输入框,显示所选日期...

    flex日历多选

    本话题聚焦于“flex日历多选”功能,这是一个针对Flex DateField组件的增强,允许用户在日历中选择多个日期,而非仅限于单个日期选择。 DateField是Flex SDK中的一个基本组件,用于显示和编辑日期。默认情况下,...

    Flex-时间控件,带年月日时分秒

    "Flex-时间控件,带年月日时分秒"是一种专门用于处理时间选择的组件,它允许用户方便地设定日期和时间,包括年、月、日、小时、分钟和秒。Flex是一种基于ActionScript 3.0的开源框架,由Adobe开发,主要用于构建富...

    Flex 日期组件

    在本主题中,我们将深入探讨“Flex 日期组件”,特别是关于年月日、年月日时以及年月日时分的`DateField`封装。`DateField`是Flex中的一个控件,它允许用户输入或选择日期,提供了丰富的自定义和格式化选项。 首先...

    extjs中dateField日期精确到时分秒的扩展控件

    在EXTJS这个强大的JavaScript框架中,DateField是一个用于输入日期的控件,通常它只允许用户选择年、月、日。然而,在某些情况下,我们可能需要将日期字段扩展到包括小时、分钟和秒,以便更精确地管理时间数据。这篇...

    自定义DateField

    在Flex编程中,DateField是Adobe Flex SDK提供的一种用于显示和编辑日期的UI组件。然而,标准的DateField控件可能无法满足所有开发者对于日期选择和显示的特定需求。因此,自定义DateField控件的创建变得尤为重要。...

    flex可选择时间的日历控件

    flex自带的日期控件是没有时间选择的,本控件集成了时间的选择,另外时间的选择实现了可手动输入,输入的值可以定位下拉列表框. 导入方便,引用方便,提供多种输出格式. 经过测试完全OK,并且该控件已经应用于我们公司的...

    解决datefield组件 日期选择框在IE8下显示不完整的问题

    extjs中,经常会用到datefield组件控制用户对日期的操作,比如日志管理,需要开始时间、结束时间,但是IE8下日期选择框会显示不全,解决方法参加代码。 同时改代码解决了开始时间、结束时间的时间范围控制的问题,即...

    Flex带时间的日期控件

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

    flex日期控件可选时分秒

    Flex日期控件的可选时分秒功能大大增强了用户在时间输入上的便捷性,DateTimeField组件为此提供了强大的支持。通过灵活的配置和丰富的交互设计,开发者可以创建出符合各种需求的日期时间输入界面,提升应用的专业性...

    flex带时间的日期控件,直接使用

    在Flex的标准库中,`DateField`控件是用于显示和选择日期的,但它并不提供选择时间的功能。为了解决这一局限,开发者通常会创建自定义控件或者寻找第三方库来实现日期时间选择器。描述中的“这个控件解决了这个问题...

    Ext扩展dateField时间控件,可以选择年月日、年月、年、月

    在本文中,我们将深入探讨`Ext`框架中的`dateField`扩展,特别是在允许用户选择不同时间范围方面的能力,如年月日、年月、年或仅月。`Ext`是Sencha公司开发的一个强大的JavaScript应用框架,常用于构建富客户端Web...

    Ext DateField控件 - 只选择年月

    "Ext DateField控件 - 只选择年月"这个主题聚焦于一个特定的UI组件,用于帮助用户仅选择日期中的年份和月份部分,而忽略具体的日期。这在处理诸如生日、合同有效期等只需要年月信息的场景时非常有用。 Ext JS是一个...

Global site tag (gtag.js) - Google Analytics