Flex中关于DateField控件的selectableRange属性的几种不同用法的例子

By Minidxer | January 7, 2009

接下来的例子演示了Flex中关于DateField控件的selectableRange属性的几种不同用法。

让我们先来看一下Demo可以右键View Source或点击这里察看源代码):


下面是完整代码(或点击这里察看):

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="top"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Form>
  8.         <mx:FormItem label="rangeStart only:">
  9.             <mx:DateField id="dateField1"
  10.                     showToday="false"
  11.                     selectableRange="{{rangeStart:new Date()}}" />
  12.         </mx:FormItem>
  13.         <mx:FormItem label="rangeEnd only:">
  14.             <mx:DateField id="dateField2"
  15.                     showToday="false"
  16.                     selectableRange="{{rangeEnd:new Date()}}" />
  17.         </mx:FormItem>
  18.         <mx:FormItem label="rangeStart/rangeEnd:">
  19.             <mx:DateField id="dateField3"
  20.                     showToday="false"
  21.                     selectableRange="{{rangeStart:new Date(2007, 11, 3),
  22.                                       rangeEnd:new Date(2007,11,28)}}" />
  23.         </mx:FormItem>
  24.     </mx:Form>
  25.  
  26. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

Topics: DateField | No Comments » | Tags: , , ,

Search Posts