Flex中日期选择控件选择范围控制
Flex中日期选择控件选择范围控制
2009-03-05 10:35
在会议室预定的预定模块中，需要用户输入预定开始日期和预定的结束日期，基本规则是开始时间要在今天之后（包含今天），而结束时间需要在开始时间之后（包含）。
在代码中，基本情形如下：
<mx:DateField id="startDate" yearNavigationEnabled="true" color="0x000000"/>
<mx:DateField id="endDate" yearNavigationEnabled="true" color="0x000000"/>
为了达到上述目的，只需要在datefield组件中提供selectableRange属性，该属性代表可以选择范围，比如对于开始时间，如下：
selectableRange="{{rangeStart:new Date()}}" 表示从今以后的日期才能够选择。
对于结束日期：
selectableRange="{{rangeStart:startDate.selectedDate}}"当中需要注意的是黑体字部分，设定了可用范围的起始时间将由startDate 的选择日期决定。
dateField组件除了提供可用范围外，还提供了不可用范围，比如为了达到上述目的，对于开始时间而言，可以将不可用范围的截止日期设置为昨天即可。不过此种做法毕竟繁琐（至少要获取昨天几号吧！是4号！）。
