Flex中如何通过firstDayOfWeek属性设置DateField控件的弹出窗口是否为星期天的例子

By Minidxer | November 8, 2008

接下来的例子演示了Flex中如何通过firstDayOfWeek属性，设置DateField控件的弹出窗口是否为星期天。

让我们先来看一下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:Script>
  8.         <![CDATA[
  9.             import mx.events.SliderEvent;
  10.             import mx.formatters.DateBase;
  11.  
  12.             private function dateField_labelFunc(item:Date):String {
  13.                 return dateFormatter.format(item);
  14.             }
  15.  
  16.             private function slider_change(evt:SliderEvent):void {
  17.                 dateField.firstDayOfWeek = evt.value;
  18.                 dateField.open();
  19.             }
  20.  
  21.             private function slider_dataTipFunc(value:Number):String {
  22.                 return DateBase.dayNamesShort[value];
  23.             }
  24.         ]]>
  25.     </mx:Script>
  26.  
  27.     <mx:DateFormatter id="dateFormatter" formatString="MMM D, YYYY"/>
  28.  
  29.     <mx:ApplicationControlBar dock="true">
  30.         <mx:Form styleName="plain">
  31.             <mx:FormItem label="firstDayOfWeek:">
  32.                 <mx:HSlider id="slider"
  33.                         minimum="0"
  34.                         maximum="6"
  35.                         liveDragging="true"
  36.                         snapInterval="1"
  37.                         tickInterval="1"
  38.                         dataTipFormatFunction="slider_dataTipFunc"
  39.                         change="slider_change(event);" />
  40.             </mx:FormItem>
  41.         </mx:Form>
  42.     </mx:ApplicationControlBar>
  43.  
  44.     <mx:DateField id="dateField"
  45.             labelFunction="dateField_labelFunc"
  46.             firstDayOfWeek="{Days.MONDAY}" />
  47.  
  48. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

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

你可能还对下列文章感兴趣:

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll