`
shlei
  • 浏览: 288802 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Flex 开始日期与结束日期DateField组件

阅读更多
<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" 
		 xmlns:s="library://ns.adobe.com/flex/spark" 
		 xmlns:mx="library://ns.adobe.com/flex/mx" 
		 width="100%" height="30">
	<s:layout>
		<s:HorizontalLayout verticalAlign="middle"/>
	</s:layout>
	<fx:Script>
		<![CDATA[
			import mx.events.CalendarLayoutChangeEvent;

			protected function startDF_changeHandler(event:CalendarLayoutChangeEvent):void
			{
				endDF.enabled = true;
				if(endDF.selectedDate < startDF.selectedDate)
					endDF.selectedDate = startDF.selectedDate;
			}

		]]>
	</fx:Script>
	<fx:Declarations>
		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
	</fx:Declarations>
	<s:Label text="开始日期:"/>
	<mx:DateField id="startDF" showToday="true" formatString="YYYY年MM月DD日" yearNavigationEnabled="true" 
				  width="160" change="startDF_changeHandler(event)"/>
	<s:Line width="10"/>
	<s:Label text="结束日期:"/>
	<mx:DateField id="endDF" showToday="true" formatString="YYYY年MM月DD日" yearNavigationEnabled="true" 
				  selectableRange="{{rangeStart:startDF.selectedDate}}" width="160" enabled="false"/>
</s:Group>

对于结束日期:selectableRange="{{rangeStart:startDF.selectedDate}}"当中需要注意的是黑体字部分,设定了可用范围的起始时间将由startDF的选择日期决定。

dateField组件除了提供可用范围外,还提供了不可用范围,不过此种做法毕竟繁琐,不推荐。

参考:
http://hi.baidu.com/hongzhi_zhang/blog/item/bc924d8cd4c1351ab21bba35.html
http://fhuan123.iteye.com/blog/621340
分享到:
评论

相关推荐

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

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

    flex DateField 时分秒 选择

    在Flex开发中,DateField控件是用于显示和编辑日期的一种常见组件,它允许用户通过交互界面选择日期。然而,标准的Flex DateField通常只支持日期的选择,而不包括时间的选取。但在某些应用场景中,例如日程安排或...

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

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

    Flex自定义DateField选择时分秒

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

    ExtJs 带清空功能的日期组件

    在ExtJs框架中,日期组件(DateField)是用于用户输入日期的常见控件。然而,标准的ExtJs DateField并未内置清空日期的功能,这可能会在某些应用场景中造成不便。为了解决这个问题,我们需要自定义一个扩展,为日期...

    Flex 日期组件

    在Flex开发中,日期组件是不可或缺的一部分,它们用于用户界面中显示和选择日期与时间。在本主题中,我们将深入探讨“Flex 日期组件”,特别是关于年月日、年月日时以及年月日时分的`DateField`封装。`DateField`是...

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

    压缩包文件"boy_dream_datefield(日期组件)"很可能包含了这个自定义组件的所有源代码和资源,包括ActionScript或MXML文件,以及可能的样式和皮肤文件。 总的来说,这个自定义的DateField组件提供了更丰富的日期时间...

    flex组件介绍

    ### Flex组件介绍与详解 Flex是一种用于开发交互式应用程序的开源框架,由Adobe Systems创建,主要应用于Adobe Flash Player和Adobe AIR。Flex提供了丰富的用户界面组件库,这些组件可以帮助开发者快速构建高质量的...

    Flex 带时间的DateField的

    然而,标准的DateField并没有直接提供与时间相关的功能,通常只处理日期部分。但是,通过自定义或扩展DateField,我们可以实现一个带有时刻选择的组件。 这篇博客文章"Flex 带时间的DateField的"可能探讨了如何将...

    Flex4_DateChooser_DateField

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

    Flex日期选择器组件(带年月日时分妙)

    因为flex提供的有日期组件,但是只有年月日,没有时分妙,又不是很好看。开发了一个Flex日期选择器组件(带年月日时分妙),若哪里需要用到日期选择器组件,把DateField.swc文件拷贝到Flex项目的libs文件夹内,引用...

    flex日期控件可选时分秒

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

    自定义DateField

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

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

    描述中的“这个控件解决了这个问题”,可能是指一个已有的自定义组件或者第三方组件,它扩展了`DateField`,添加了选择时间的特性,使得用户可以直接在一个控件内完成日期和时间的设定,提高了用户体验。 对于这样...

    Flex带时间的日期控件

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

    flex日历多选

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

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

    `dateField`组件是`Ext`提供的一种用于输入日期的控件,它可以被高度定制以满足各种用户界面需求。 首先,让我们了解`dateField`的基本用法。在`Ext`中,`dateField`通常通过创建`Ext.form.field.Date`类的实例来...

    Ext2的日期组件只选择年月

    总的来说,要理解并实现"Ext2的日期组件只选择年月"的功能,需要熟悉ExtJS的组件系统,尤其是`DatePicker`和`DateField`组件的API,以及可能涉及的源码修改。同时,查阅相关博文章节会提供具体的实现步骤和技巧,...

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

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

Global site tag (gtag.js) - Google Analytics