How to get HTML 5 input type=”date” working in Firefox and/or IE 10

by

You can try webshims, which is available on cdn + only loads the polyfill, if it is needed.

Here is a demo with CDN:
http://jsfiddle.net/trixta/BMEc9/

<!-- cdn for modernizr, if you haven't included it already -->
<script src="http://cdn.jsdelivr.net/webshim/1.12.4/extras/modernizr-custom.js"></script>
<!-- polyfiller file to detect and load polyfills -->
<script src="http://cdn.jsdelivr.net/webshim/1.12.4/polyfiller.js"></script>
<script>
  webshims.setOptions('waitReady', false);
  webshims.setOptions('forms-ext', {types: 'date'});
  webshims.polyfill('forms forms-ext');
</script>

<input type="date" />

In case the default configuration does not satisfy, there are many ways to configure it. Here you find the datepicker configurator.

Note: While there might be new bugfix releases for webshim in the future. There won’t be any major releases anymore. This includes support for jQuery 3.0 or any new features.

More Related Contents:

  1. Hide scroll bar, but while still being able to scroll
  2. Is there a tag to turn off caching in all browsers? [duplicate]
  3. Setting the character encoding in form submit for Internet Explorer
  4. Button inside of anchor link works in Firefox but not in Internet Explorer?
  5. Preventing Firefox from remembering the input value on refresh with a meta tag
  6. Div 100% height works on Firefox but not in IE
  7. Flexbox column-reverse in Firefox, Edge and IE
  8. Firefox form targeting an iframe is opening new tab
  9. Form inside a table
  10. What is the default form HTTP method?
  11. css ‘pointer-events’ property alternative for IE
  12. How do you overcome the HTML form nesting limitation?
  13. How do I change the color of radio buttons?
  14. Select dropdown with fixed width cutting off content in IE
  15. Setting transform-origin on SVG group not working in Firefox
  16. Form inside a form, is that alright? [duplicate]
  17. How can I submit a POST form using the tag?
  18. Internet Explorer 11 disable “display intranet sites in compatibility view” via meta tag not working
  19. HTML5 validation when the input type is not “submit”
  20. Bug With Firefox – Disabled Attribute of Input Not Resetting When Refreshing
  21. Why do s clear floats?
  22. Why does Firefox react differently from Webkit and IE to “click” event on “select” tag?
  23. Which elements support the ::before and ::after pseudo-elements?
  24. How do I style the HTML form validation error messages with CSS?
  25. What happens if the action field in a has parameters?
  26. Html.BeginForm() with an absolute URL?
  27. Using rvest or httr to log in to non-standard forms on a webpage
  28. Div with horizontal scrolling only
  29. HTML Form File Uploads doesn’t upload file
  30. How to get horizontal scroll bar in select box in IE?

Leave a Comment