Dynamic Web Lab
Back to insights

HTML5 Input Type datetime

September 25, 20121 min read

HTML5 Input Type datetime is just like Input Type Date except it will allow visitor to select a date and time (with time zone).

You can call this datetime picker using input type="datetime" on your input field.This will certainly reduce your development time so need nasty Javascript code.

Currently the latest version of Chrome, Opera and Safari browser supporting this.

If you are using any of this above browser then you are lucky to see it on action

Date and time Picker:

The code i used above is:

[php]
<form action="#">
Date and time Picker: <input type="datetime" name="date_time" />
<input type="submit" />
</form>
[/php]

Or it may look like the screenshot below

html5 datetime
Image Source

Writer

Dynamic Web Lab Editorial

We share how we design, engineer, and scale digital products across the GCC, Europe, and the US.

Share this article

Tags

HTML5

Need help implementing this?

We turn these playbooks into shipped features. Let us scope your roadmap and support your team.

Start a project conversation