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

最新推荐文章于 2025-09-23 12:30:00 发布

转载最新推荐文章于 2025-09-23 12:30:00 发布 · 1.6k 阅读

文章标签：

#application #date #encoding #layout

flex 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用Flex框架中的DateField控件，并通过设置selectableRange属性来限制用户可以选择的日期范围。示例代码展示了三种不同方式的日期范围限制：仅设置开始日期、仅设置结束日期以及同时设置开始和结束日期。

<?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>