<?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
分享到:
相关推荐
extjs中,经常会用到datefield组件控制用户对日期的操作,比如日志管理,需要开始时间、结束时间,但是IE8下日期选择框会显示不全,解决方法参加代码。 同时改代码解决了开始时间、结束时间的时间范围控制的问题,即...
felx DateField 控件 完美支持时分秒选择,包含源代码,可以根据需要进行修改。版本为flex4.0。
因为flex提供的有日期组件,但是只有年月日,没有时分妙,又不是很好看。开发了一个Flex日期选择器组件(带年月日时分妙),若哪里需要用到日期选择器组件,把DateField.swc文件拷贝到Flex项目的libs文件夹内,引用...
NULL 博文链接:https://tongqiuyan.iteye.com/blog/1208153
ExtJs 的日期控件不带清空功能,项目有可能需要一个带清空功能的日期控件。
最近刚好用到DateField组件,却无奈的发现只能选择年月日,不支持时分秒,在晚上找了好多,有的勉强可以用,但是很不完善.对从网上拿到一份代码进行了改善,具体从哪里拿的也忘了,请原作者勿怪. 改善之后的功能: 1.可以...
自定义dateField 自定义dateChoose 默认中文显示 支持时分秒选择
包括 年月日 年月日时 年月日时分的DateField封装
提供 :Flex4中DateChooser和DateField 控件的使用实例。
支持flex的DateField组件日期多选,帮助我们更好的开发。
自定义dateField 自定义dateChoose 默认中文显示 支持时分秒选择
flex 有时分秒的日期控件,该控件对dateField功能上进行了扩展,可以设置时分秒
自定义flex DateField控件可选择时间,有源码。
NULL 博文链接:https://luhantu.iteye.com/blog/1910595
extjs4.2 日期控件 datefield 拓展加上选择时分秒功能。 在ExtJs4.2表单控件里分别有个时间控件(datafield)和时间控件(timefield),但是官方提供的控件不能将日期和时分秒整合到一起,我从网上搜集整理了一个可用...
Ext扩展dateField时间控件,可以选择年月日、年月、年、月
flex自带的日期控件是没有时间选择的,本控件集成了时间的选择,另外时间的选择实现了可手动输入,输入的值可以定位下拉列表框. 导入方便,引用方便,提供多种输出格式. 经过测试完全OK,并且该控件已经应用于我们公司的...
extjs4.2.3 datefield不可选择年月bug 选择本月日期的部分是没有问题的。 点击头部显示选择年月的picker时,不能点击选择,一点组件就消失。 需要下载附件后引入就可以了
考虑到extjs DateField的关键配置和主要操作