This MistyRose Skin is one of the 4 cool skins that comes with Timepicker Reload package

What is Timepicker Reload?

Timepicker Reload is a unique & easiest way to pick time (hours & minutes). It enables you to get/set time information, quickly and correctly without hassle of writing same custom code every time. Users will love the unique and intuitive interface which gets their work done faster.
Features at quick glance:
At a quick glance some of its main features are:
  1. A unique interface which renders both in 12-hr clock format as well as 24-hr clock format.
  2. Allows Autopostbacks and the ability to handle TimeChanged events.
  3. Provide two great validation controls RequiredTimeValidator and TimeRangeValidator out of box that support client as well as server side validations.
  4. Supports 2.0
  5. Visual Studio 2005 designer support.
  6. Cross-browser support (IE and Firefox)

Download Free or Purchase or mail at for any assistance.

Tuesday, May 16, 2006

Feature #2: Time or No Time

A web form can contain many fields, some are required and others are made optional. Its easy to check whether users have put any value in a text box or not. We can check the "TextBox.Text" property for empty or null value. Simple. Now if you are using TimePicker to get time information from user, you get the time not in string format but in "System.TimeSpan" structure, which cannot be set to null or empty. If user decides not to enter any value in time field, TimePicker Legacy will set its "SelectedTime" property to "00:00:00" which itself denotes a time (i.e 12:00 AM) . This is not what user inteded, he wanted to leave the value blank. So how to recognize this scenario.

TimePicker Reload provides a solution by defining a special constant value "NoTime". This is essentially a negative time "-01:00:00". Now if user decides not to put any value in time field, SelectedTime will be set to "NoTime" constant. Now there are many many changes that were required to make sure this solution worked. Like, what will user see if no time is selected.? What if some time is already selected and user want to clear it and make it blank?

Best way to tell about this feature is to show you some screens shots :

And here is what happens when you click Time button:

That raps up the second feature. Just to add more fun and interactivity I have put up a small poll to get your votes on feature coolness. You will see this poll with every feature I post here. So keep voting and enjoying new features :)


At 9:23 PM, Anonymous Dele said...

This particular article was very informative, but i have a question. Is there a way to clear out the time on server side or via javascript?


Post a Comment

<< Home