What is wrong with this simple HTML page that a date picker is not shown in FireFox 30.0 and IE 11?
<!DOCTYPE html>
<html>
<head>
<title>Untitled Page</title>
</head>
<body>
<form>
<label> Date field:</label><br />
<input type="date" value="" />
</form>
</body>
</html>
Internet Explorer 11 does not currently support
<input type='date'>
, though we did recently announce that work was underway to do so. You can track that progress online at http://status.modern.ie.Firefox also does not appear to support the attribute presently. A bug was opened in 2012 requesting that support be added, but a patch has not yet landed.
If you need this functionality today, I would encourage you to use jQuery's Datepicker.
It is already in Firefox since version 51 (January 26, 2017), but it is not activated by default (yet)
To activate it:
about:config
dom.forms.datetime -> set to true
Feb 2019 Update:
Edge supports the datepicker, but after 4+ years, it looks like IE never will. Same with Safari desktop (though Safari mobile supports it). See: CanIUse datepicker support.
Chrome and Edge take the date format from the user's desktop system settings, which may be surprising if you're expecting ISO 8601 and your users don't live in Denmark or Canada.
JQuery's datepicker works with bootstrap 4 only if you use the REGULAR JQuery distribution. the Bootstrap 4 docs show the SLIM version, which tripped me up for a bit.
Other alternatives: