How to create a time field in html

Question

0.00/5 (No votes)

See more:

Dears Friends,

I need yout help:

I need to add a TIME input in my form in my html code,

I am using this code:

input type="time" name="tretorno" id="tretorno"

with <> simbols,

but when the navigator show me the page, the input is just a simple text input.

I need a special time input for my html page help me.

Thanks in advance

Leonardo Ayala R. (Ecuador)

Posted 6-Jun-13 6:17am

leocode7

Add a Solution

Comments

Richard C Bishop 6-Jun-13 12:25pm

That is what the "time" input does. It is just a text input field that sets the control's string value to a time.

Sergey Alexandrovich Kryukov 6-Jun-13 12:30pm

Right. I think it's better to use the alternative I suggested in my answer.
—SA

Richard C Bishop 6-Jun-13 12:32pm

Good choice! What are your thoughts on the MaskedEdit feature?

Sergey Alexandrovich Kryukov 6-Jun-13 12:36pm

For time? not so good idea. For example, it may allow you to enter the date 06-07-2013 or 07-06-2013. It will be ambiguous, because the question, is: in what format, in what culture?
Even simply having three combo boxes labeled "day", "month", "year" would be much better. (But then the user could enter 31 of February :-)
—SA

leocode7 6-Jun-13 14:44pm

I find the jquery/clockpick/ClockPick library... in javascript
Anyone know how I can use it and call it, in my html?
I have the documentation but I dont understand it. the url is:

http://www.jnathanson.com/index.cfm?page=jquery/clockpick/ClockPick#config

Thanks in advance

leocode7 6-Jun-13 13:50pm

I find the jquery/clockpick/ClockPick library... in javascript
Anyone know how I can use it and call it, in my html?
I have the documentation but I dont understand it. the url is:

http://www.jnathanson.com/index.cfm?page=jquery/clockpick/ClockPick#config

Thanks in advance

Sergey Alexandrovich Kryukov 6-Jun-13 15:01pm

Why anyone needs to know it? If you found it, I guess you can read the documentation. And why not DateTimePicker I suggested? Did you try it?
—SA

leocode7 7-Jun-13 9:37am

Hello friend, I found the solution with the jquery libreries I used
the jQuery.noConflict(true) funtion, to use the library with anothers javascriot libraries together
in my jsp page.
Thanks for all.
:)

Sergey Alexandrovich Kryukov 7-Jun-13 9:47am

What are you talking about? Your question title still says ASP.NET...
—SA

2 solutions

Solution 1

Alternatively, I would recommend using DateTimePicker for ASP.NET:
DateTimePicker Web Control[^].

—SA

Posted 6-Jun-13 6:29am

Sergey Alexandrovich Kryukov

v2

Comments

leocode7 6-Jun-13 14:44pm

I find the jquery/clockpick/ClockPick library... in javascript
Anyone know how I can use it and call it, in my html?
I have the documentation but I dont understand it. the url is:

http://www.jnathanson.com/index.cfm?page=jquery/clockpick/ClockPick#config

Thanks in advance

Sergey Alexandrovich Kryukov 6-Jun-13 15:02pm

Why do you think someone else should be able to understand it better? And what's wrong with what I proposed?
—SA

leocode7 6-Jun-13 15:56pm

My friend, your proposal is good, but i work with jsp page.

Sergey Alexandrovich Kryukov 6-Jun-13 16:05pm

Are you serious, my friend?! Why then you put a tag "ASP.NET?! And waste our time! Please look up, at you own post.
Have a shame.
—SA

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Accepted Answer · 2013-06-06T09:10:00

Solution 2

Problem

Refer - HTML5 Input Types[^].

Here you can find "Input Type: time". On that box itself, check there are small images of browsers which indicates whether they support this or not.

And first two images are for IE and FireFox, which are crossed, that means they don't support.
Others like Chrome, Opeara and Safari support it.

So, I guess you are seeing this in IE and Firefox, so they are not showing.

You can check the link - http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_input_type_time[^] in Chrome or other supported browsers. It is working.

Alternatives

1. Solution that Sergey Alexandrovich Kryukov has suggested.
2. ASP.NET Time Picker Control[^]
3. ASP.NET 4.0 TimePicker User Control[^].
4. ASP.NET TimePicker Control[^].
5. 10 jQuery Time Picker Plugins[^].

Posted 6-Jun-13 9:10am

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

Updated 6-Jun-13 9:15am

v2

Comments

leocode7 7-Jun-13 9:37am

Hello friend, I found the solution with the jquery libreries I used
the jQuery.noConflict(true) funtion, to use the library with anothers javascriot libraries together
in my jsp page.
Thanks for all.
:)

Sergey Alexandrovich Kryukov 7-Jun-13 9:49am

???

Sergey Alexandrovich Kryukov 7-Jun-13 9:49am

Very good, a 5.
—SA

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 7-Jun-13 10:29am

Thanks a lot Sergey Alexandrovich Kryukov... :)

leocode7 11-Jun-13 13:08pm

I Agree with you, Sergey is a good friend
:D

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 11-Jun-13 13:31pm

Yes indeed... :)