设置日期选择组件(DateField )的选择范围

最新推荐文章于 2020-01-07 16:56:36 发布

转载最新推荐文章于 2020-01-07 16:56:36 发布 · 1.3k 阅读

文章标签：

#application #date #encoding #layout

Flex 专栏收录该内容

44 篇文章

订阅专栏

本文介绍如何使用DateField组件设置日期选择范围，包括仅允许选择特定区间内的日期。通过XML代码示例展示如何限定日期选择范围，如仅能选择当前日期之后的日期等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用DateField进行日期选择时，需要对选择的日期进行过滤，比如：只允许选择当前日期之后的日期等。下面是一个实例，简单的介绍如何通过设置孔氏DateField的选择范围，效果图如下：

具体实现代码如下：

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="top" backgroundColor="white"> <mx:Form> <mx:FormItem label="rangeStart only:"> <mx:DateField id="dateField1" showToday="false" selectableRange="{{rangeStart:new Date()}}" /> </mx:FormItem> <mx:FormItem label="rangeEnd only:"> <mx:DateField id="dateField2" showToday="false" selectableRange="{{rangeEnd:new Date()}}" /> </mx:FormItem> <mx:FormItem label="rangeStart/rangeEnd:"> <mx:DateField id="dateField3" showToday="false" selectableRange="{{rangeStart:new Date(2007, 11, 3),rangeEnd:new Date(2007,11,28)}}" /> </mx:FormItem> </mx:Form> </mx:Application>