`

Flex 显示时间

阅读更多

Flex中虽然提供了Date类以及Timer类,但是需要显示时间还要进行一定的转化,代码如下:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
	
   <mx:Script>   
   <![CDATA[
   
       import mx.formatters.DateFormatter;   
       import flash.utils.Timer;
       import flash.events.TimerEvent;   
  
       private function init():void {   
        	      var timer:Timer = new Timer(1000);   
           	      timer.addEventListener(TimerEvent.TIMER, this.resetNow);           	      
                      timer.start();   
       }   
          
          
       private function resetNow(event:TimerEvent):void {   
           	
           	// 获取登录时间和日期
	var dateFormatter:DateFormatter = new DateFormatter(); 
	dateFormatter.formatString = "YYYY年MM月DD日";
	var time:String = new Date().toLocaleTimeString();
	var date:String = dateFormatter.format(new Date());
	this.date.text = date;  
	this.clock.text = time;
       }   
  
   ]]>   
   </mx:Script>
   
   <mx:Text id="clock" text="" creationComplete="this.init()" right="10" height="20" width="120" top="10"/>
   
   <mx:Text id="date" text="" creationComplete="this.init()" right="100" height="20" width="120" top="10"/>
   	
</mx:Application>

 

分享到:
评论

相关推荐

    FLEX时间轴代码

    在这个例子中,时间粒度是月份,因此需要处理月份间的转换和显示。 4. **数据绑定**:FLEX支持数据绑定,允许UI组件的状态与后台数据模型保持同步。在时间轴上,这可能意味着当用户滚动到新的月份时,会自动更新与...

    Flex带时间的日期控件

    使用Flex的DateTimeFormatter和NumberFormatter,可以轻松实现日期和时间的本地化显示。 4. **可用性和响应式设计**:确保控件在不同屏幕尺寸和设备上都能正常工作,可以使用Flex的响应式布局和自适应组件大小的...

    flex带时间的日期控件,直接使用

    在Flex的标准库中,`DateField`控件是用于显示和选择日期的,但它并不提供选择时间的功能。为了解决这一局限,开发者通常会创建自定义控件或者寻找第三方库来实现日期时间选择器。描述中的“这个控件解决了这个问题...

    Flex-时间控件,带年月日时分秒

    "Flex-时间控件,带年月日时分秒"是一种专门用于处理时间选择的组件,它允许用户方便地设定日期和时间,包括年、月、日、小时、分钟和秒。Flex是一种基于ActionScript 3.0的开源框架,由Adobe开发,主要用于构建富...

    flex时间控件

    Flex时间控件是一种基于Adobe Flex框架的用户界面组件,它为用户提供了一种直观的方式来选择日期和时间。在Flex中,这种控件通常用于构建具有高度交互性和用户友好的Web应用程序。Flex是一个开源的开发框架,它允许...

    flex 等待界面显示

    在Flex应用中,我们经常需要实现“等待界面显示”功能,以提供用户友好的体验,尤其是在进行耗时操作如数据加载、网络请求或计算时。这种等待界面通常被称为加载指示器或进度条,它能告知用户应用程序正在运行,并且...

    Flex时间选择控件 精确到时分秒

    Flex时间选择控件是Adobe Flex框架中用于处理用户界面中时间输入的一种组件,它允许用户以小时、分钟和秒为单位进行精确的选择。在Flex应用开发中,这种控件对于那些需要用户输入特定时间信息的场景非常实用,比如...

    flex DataTimePicker时间控件

    - **showTime**: 是否显示时间选择器。 - **format**: 日期时间格式,如“yyyy-MM-dd HH:mm:ss”。 - **change**事件:当用户选择新的日期或时间时触发。 - **open()**和**close()**方法:控制下拉日历的打开和...

    flex3.5时间控件(含时分秒)

    在Flex 3.5开发环境中,时间控件是构建用户界面时不可或缺的一部分,尤其是在需要用户输入或选择特定时间的情况下。本篇文章将详细讲解如何在Flex 3.5中创建一个包含时、分、秒的时间选择器,以及如何进行实际应用。...

    flex 时间组件(time)

    在Flex开发中,时间组件(Time)是用于展示和处理时间数据的重要元素。它通常用于构建用户界面,让用户能够选择或输入时间值。本篇文章将深入探讨Flex中的Time组件,了解其基本用法、功能特性以及如何自定义和扩展。...

    FLEX时间带时分秒可直接使用

    同时,Flex的事件驱动模型使得在时间输入发生变化时,可以即时触发相应的处理函数,更新显示或其他相关逻辑。 至于提供的压缩包文件"myTimeTool",这可能是一个包含示例代码、测试项目或者预编译的库文件,供开发者...

    Flex 时间输入框 TimeInputEx

    在Flex编程环境中,TimeInputEx是一个自定义组件,它继承了NumericStepper类来实现一个专用于输入时间的控件。这个组件允许用户方便地输入小时、分钟和秒,为时间相关的应用程序提供了便利。让我们深入了解一下这个...

    FLEX4时间轴动画

    总结来说,Flex4的时间轴动画机制通过`s:Animate`、`s:MotionPath`和`s:KeyFrame`提供了灵活的动画创建方式,让开发者能够轻松地控制显示对象的属性随时间变化,为应用程序增添动态元素,提升用户体验。在编写代码时...

    Flex 带时间的DateField的

    在Flex开发中,DateField是Adobe Flex UIComponent类的一个子类,用于显示和编辑日期值。这个组件在用户界面设计中非常常见,特别是在需要用户输入日期的表单中。然而,标准的DateField并没有直接提供与时间相关的...

    Flex 实现分秒的时间组件

    - 计时器:`&lt;mx:Timer&gt;`组件是Flex中的定时器,它可以周期性地触发某个事件,如每隔一秒更新时间显示。 2. **ActionScript 3.0**: 在Flex中,业务逻辑和组件交互主要通过ActionScript 3.0实现。`Timer`类是AS3中...

    自扩展Flex控件,可以同时选择日期和时间

    在给定的标题和描述中提到的“自扩展Flex控件,可以同时选择日期和时间”,我们关注的是一个特定的UI组件,它允许用户在同一界面中挑选日期和时间,这样的控件在日程安排、事件预订等场景中非常实用。 这个自扩展...

    一个非常不错的flex时间控件,内附运行图

    一个非常不错的flex时间控件 ()}" labelFunction="selectDateTime" width="150"/&gt; public function selectDateTime(item:Date):String { return item.fullYear + "-" + item.month + "-" + item.dateUTC + ...

    flex上传控件,带进度、时间、速度显示

    4. **时间显示**:控件能估算或实时显示文件上传所需的总时间,让用户知道还需等待多久。 5. **速度显示**:显示当前的上传速率,有助于用户理解上传进度并预测完成时间。 6. **错误处理**:当遇到网络问题或其他...

    flex 日期控件可选时分秒

    在Flex编程中,日期控件(DateTimeField)是用于用户输入日期和时间的交互元素,它允许用户选择日期、小时、分钟以及秒。这个控件是Adobe Flex框架的一部分,为Web应用程序提供了丰富的用户体验。在本篇文章中,我们...

    Flex 自定义时间控件 功能很全

    在Flex中,我们可以使用`DateFormatter`类来格式化日期和时间字符串,例如将时间显示为“HH:mm”、“hh:mm a”等格式。自定义时间控件可能提供配置选项,允许开发者根据需要自定义时间的显示格式,从而提高用户体验...

Global site tag (gtag.js) - Google Analytics