HTML5 Date picker with fallback

By

Keiron

– 17/05/2010Posted in: HTML5

When using the dateicker in HTML5 there needs to be a fall-back method.

<form>
<input type="date">
</form>

<script>
var i = document.createElement("input");
i.setAttribute("type", "date");
if (i.type == "text") {
// No native date picker support :(
// Use Dojo/jQueryUI/YUI/Closure to create one,
// then dynamically replace that <input> element.
}
</script>

Like this? Maybe you could buy me a coffee.

Tags: chrome, date, firefox, form, get, ie, javascript

About Keiron

Web Developer based in the UK. Click here if you want to work with me

2 Comments

1. Tom

   Posted September 2, 2010 at 8:45 PM

   It doesn't work for CHROME. It's not detecting the input type="date" nor displaying the JS alert("Not available.");

2. creazioni siti palermo

   Posted July 16, 2011 at 11:34 PM

   Very good script

Comments Closed

Comments are closed. You will not be able to post a comment in this post.