Flex TimeEntry Component

Posted At : February 1, 2007 12:49 PM | Posted By : Brendan Meutzner
Related Categories: Development Tools, Flex 2 Components, Flex Development

SM_TimeEntry is a custom Flex controls that allows a user to quickly and easily enter a valid time into your applications. It supports multiple styling options, text sizing, 12 and 24 hour format, and keyboard interaction too.

View Here

Comments (35) | Print | Send | del.icio.us | Linking Blogs

Comments

[Add Comment]

This is very good!! Thank you. :-)

# Posted By mike | 2/8/07 10:38 AM

I think this is a great component, but I have found a small bug in it. When you are using it in 12-hour and you set the hour,
minute and am_pm variables, the time displays "0:00:00 am". The minute actually does display correctly.

For example, I am populating the component with the current system time. So, if the system time is 12:15 am, and I set the
hour, minute and am_pm properties appropriately, the time displayed in the component shows 0:15:am.

I tried using your example webpage that shows how the component works. The 2 12-hour examples displayed the same bug.

# Posted By Scott Trapp | 9/20/07 10:05 PM

# Posted By Dan Nall | 11/20/07 2:47 PM

You can fix the 12-hour default display problem by adding one line of code to the formatText function.

if(theField == 'hourText' && !is24Hour)
{
return value;
}

should be...

if(theField == 'hourText' && !is24Hour)
{
if(value == "0") { value = "12"; }
return value;
}

The default display for 12-hour time fields will then be 12:00 am instead of 0:00 am.

# Posted By chris | 3/4/08 11:52 AM

When I originally found this component, I was newbie to Flex/Action Script.
Flex is my first web-based development platform. After enahncing my
experience with Flex, I came back to this component because I just can
not find anything better and I really need to finish this app that I
developing that has several time based fields.

Anyways, I finally figured out the fix.

In the function createComplete(), replace

if(!this.hour)
{
String(this.hour);
this.hour = Number(hourText.text);
}
else
{
if(defaultHour)
{
hourText.text = String(defaultHour);
}
else
{
(is24Hour) ? hourText.text = "12" : hourText.text = "1";
}
}

with
if(this.hour)
{
String(this.hour);
this.hour = Number(hourText.text);
}
else
{
if(defaultHour)
{
hourText.text = String(defaultHour);
}
else
{
(is24Hour) ? hourText.text = "0" : hourText.text = "12";
}
this.hour = Number(hourText.text);
}

What I changed:
1) removal of the "!" from the statement if(!this.hour)
2) modified the statement
(is24Hour) ? hourText.text = "12" : hourText.text = "1";
to read
(is24Hour) ? hourText.text = "0" : hourText.text = "12";
3) added the statement
this.hour = Number(hourText.text);
to the else statement. Otherwise, if you tried to retireve the hour
value before any changes were made, the hour would be reported as 0.

# Posted By Scott | 3/24/08 3:16 AM

a great component,I think!
<a href="http://www.rcroll.com/">helicopter</a>

# Posted By airplane | 5/13/08 12:05 AM

I've had your zip on my desks for months because I knew that sooner or later I'd need it. Sure nuff, I needed a component that would give me both date and time. I added month, day, and year to it by following your code and voila! Way cool, thank you. Now, I'm making another one that does IP addresses -- just in case.
<a href="http://www.flashlightcool.com/">Led Lights</a>
<a href="http://www.flashlightcool.com/">Rechargeable Flashlights</a>
<a href="http://www.flashlightcool.com/">Streamlight</a>
<a href="http://www.flashlightcool.com/">Tactical Flashlights</a>
<a href="http://www.flashlightcool.com/">Tactical Gear</a>
<a href="http://www.flashlightcool.com/">Tactical Light</a>

# Posted By Led Flashlights | 5/13/08 6:59 PM

The cooler behavior is the other way around - reading a .xls file and displaying it in a Flex 2 datagrid:
http://www.alidir.com

# Posted By Ali Dir | 5/18/08 3:29 AM

[url=http://google.com]google[/url] <a href="http://yahoo.com">yahoo</a>

# Posted By zxspam | 5/19/08 5:19 AM

http://www.youtube.com/user/CindyGarman
http://www.youtube.com/JackGillOnline

# Posted By orlistat | 5/19/08 7:12 AM

musical dvd movies - http://searchdvdmovies.com/category/movies/genres/...
http://searchdvdmovies.com/08/25/all-dogs-go-to-he... - All Dogs Go to Heaven

# Posted By asdfdf | 5/20/08 10:55 PM