数字格式化程序：00 而不是 0

Question

我想格式化一个数字以显示 00 而不是 0 和 01, 02...10, 11,

Answer 1

function formatNumber(number) : String {
  if (number > 10)
    return number;
  else
    return '0' + number;
}

Answer 2

也许这是我的假设，但您是否试图在某种时间显示中表示秒或分钟？对于 Flex，一种方法是使用 Date 对象和 DateFormatter。这样您就可以提供格式字符串来输出您想要的时间。

var seconds:int = 4;

var date:Date = new Date();
date.seconds = seconds;

var formatter:DateFormatter = new DateFormatter();
formatter.formatString = "SS";

trace(formatter.format(date));

Answer 3

您无法将数字格式化为具有前导 0 填充。但由于您需要此功能来格式化 NumericStepper 组件中显示的数字，因此您可以在每次值更改时简单地格式化输出文本字段中的文本。

我给你写了一个小例子。创建一个新的 AS3 FLA，将 NumericStepper 添加到舞台，将其实例名称设置为“stepper”。然后将Main.as设置为主类。

主要.as:

package  {
    import fl.controls.NumericStepper;
    import flash.text.TextField;
    import flash.events.Event;
    import flash.display.MovieClip;

    public class Main extends MovieClip{

        public var stepper:NumericStepper;

        public function onStepperChange (ev:Event) : void {
            updateStepper();
        }

        private function updateStepper() : void {
            var num:String = stepper.value > 10 ? "" + stepper.value : "0" + stepper.value;
            stepper.textField.text = num;
        }

        public function Main() {
            updateStepper();
            stepper.addEventListener (Event.CHANGE, onStepperChange);
        }

    }

}

Answer 4

如果使用spark.components，则NumericStepper具有valueFormatFunction属性。
如果您使用 fl.controls，那么我认为上面在 NumericStepper 上使用 Event.CHANGE 的解决方案是最好的。

这就是我在使用spark.components.NumericStepper时的做法

var num_fld:NumericStepper = new NumericStepper();
num_fld.valueFormatFunction = numericFieldFormat;


private function numericFieldFormat(num:Number) : String {
    return((num < 10) ? '0' + String(num) : String(num));
}

Answer 5

如果您在 Flex 3 中，您无法直接访问 inputField，但您可以通过使用 mx_internal

<mx:NumericStepper id="stpprHours" minimum="1" maximum="24" stepSize="1" creationComplete="formatStepper(stpprHours)" change="stpprHours_changeHandler(event)" value="1"/>

<mx:NumericStepper id="stpprMinutes" minimum="0" maximum="59" stepSize="1" creationComplete="formatStepper(stpprMinutes)" change="stpprMinutes_changeHandler(event)" value="0"/>

和

<mx:Script>
 <CDATA[[
        protected function stpprHour_changeHandler(event:NumericStepperEvent):void {
            formatStepper(stpprHours);              
        }

        protected function stpprMinutes_changeHandler(event:NumericStepperEvent):void {
            formatStepper(stpprMinute);                             
        }

        protected function formatStepper(stepper : NumericStepper) : void {
            if(stepper.value<10) stepper.mx_internal::inputField.text = "0" + stepper.value;

    }
 ]]>
</mx:Script>