是否有一个很好的Flex（3）日期/时间选择器组件？

Question

我需要一个Flex应用程序的时间选择器，并且据我所知，没有UI组件可以以比每天更好的分辨率（DateChooser组件）操纵Date对象。

什么是Flex的好时间选择器？我非常喜欢免费的自由和免费的啤酒组件。

Answer 1

也许这可以帮助： http://blog.georg-graf.com/archives/301

Answer 2

在Adobe网站上发现这个问题（首次导致谷歌搜索） http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=1400019。

您可以扩展DateChooser组件以添加上述功能。

Answer 3

这应该为你工作：http://joelhooks.com/2008/10/11/flex-date-and-time-datetime-picker-control/

有一个演示和源代码正上方的链接。

Answer 4

的雅虎Astra TimeInput和TimeStepper是有用的。

http://developer.yahoo.com/flash/astra-flex/timeinput/

http://developer.yahoo.com/flash/astra-flex/timestepper/

然而，显然存在问题与Flex 4 SDK使用的时候，似乎雅虎目前还没有计划更新其Astra组件。

你可能想看看这个链接，我想时间投入将是一个原生的Flex SDK组件一个很好的候选人，与Flex 4中的 https://github.com/joshtynjala/astra-flex

工作的版本。

Answer 5

如果您只想编辑时间，这里的解决方案：

http://weflex.wordpress.com/2011/02/17/flex-timeinput-component/

Answer 6

试试这个下面的代码：这将是输入HH有用：MM 12小时制，没有AM/PM

MXML代码：

<Timepicker maxChars="5" restrict="0-9" /> 

ActionScript代码：

package 
{ 
import flash.events.KeyboardEvent; 

import mx.controls.TextInput; 

public class Timepicker extends TextInput 
{ 
    public function Timepicker() 
    { 
    } 

    override protected function keyUpHandler(event:KeyboardEvent):void 
    { 
     super.keyUpHandler(event); 

     if (text.length == 0) 
     { 
      return; 
     } 
     var keyDel:Boolean=false; 
     if (event.charCode == 8 || event.charCode == 46) 
      keyDel=true; 
     var numberString:String=text; 
     if (keyDel) 
      text=numberString; 

     if (numberString.length > 0 && !keyDel) 
     { 
      if (numberString.length == 2 && numberString.indexOf(":") == -1) 
      { 
       text=numberString; 
       textField.appendText(":"); 
      } 
      else if (numberString.length >= 4 && Number(numberString.charAt(3)) > 5) 
      { 
       text=numberString.substr(0, 3) 
      } 
      else if (numberString.length == 3 && numberString.charAt(2) != ":") 
      { 
       if (Number(numberString.charAt(2)) <= 5) 
       { 
        var fourthDigit:String=numberString.charAt(2); 
        super.textField.text=""; 
        super.textField.appendText(numberString.substring(0, 2) + ":" + fourthDigit); 
       } 
       else 
       { 
        super.textField.text=""; 
        super.textField.appendText(numberString.substring(0, 2) + ":"); 
       } 
      } 
      textField.setSelection(textField.length, textField.length); 

     } 
    } 

    override protected function keyDownHandler(event:KeyboardEvent):void 
    { 
     super.keyDownHandler(event); 
     var keyDel:Boolean=false; 
     if (event.charCode == 8 || event.charCode == 46) 
      keyDel=true; 

     super.text=text; 
     if (super.text.length == 0) 
     { 
      var inputVal:String=String.fromCharCode(event.charCode); 
      if (Number(inputVal) > 1) 
      { 
       super.textField.appendText("0" + inputVal + ":"); 
      } 
     } 
     super.textField.setSelection(super.textField.length, super.textField.length); 
    } 

} 

}