How to make supported on all browsers? Any alternatives?

by

Any browser that does not support the input type date will default to the standard type, which is text, so all you have to do is check the type property (not the attribute), if it’s not date, the date input is not supported by the browser, and you add your own datepicker:

if ( $('[type="date"]').prop('type') != 'date' ) {
    $('[type="date"]').datepicker();
}

FIDDLE

You can of course use any datepicker you want, jQuery UI’s datepicker is probably the one most commonly used, but it does add quite a bit of javascript if you’re not using the UI library for anything else, but there are hundreds of alternative datepickers to choose from.

The type attribute never changes, the browser will only fall back to the default text type for the property, so one has to check the property.
The attribute can still be used as a selector, as in the example above.

More Related Contents:

  1. Can I make a not submit a form?
  2. How to reload current page without losing any form data?
  3. jQuery UI accordion that keeps multiple sections open?
  4. Using jQuery how to get click coordinates on the target element
  5. script order for jquery with bootstrap
  6. Returning value from confirmation dialog using JQuery UI dialog
  7. Disable a part of JavaScript code [closed]
  8. Add content to a new open window
  9. How to convert html table to excel with multiple sheet?
  10. Fill available spaces between labels with dots or hyphens
  11. open dropdown list from javascript function [duplicate]
  12. minimise the code since I am using the same code only the content in p tags changes and component AccordionHeader header changes
  13. Rotate div text after clicking on button using jquery and css
  14. How to properly unload/destroy a VIDEO element
  15. Remove Datepicker Function dynamically
  16. How to Bootstrap navbar static to fixed on scroll?
  17. How to hide optgroup/option elements?
  18. How to use pagination on HTML tables?
  19. How to access jQuery in HTML 5 web worker
  20. how to use html2canvas and jspdf to export to pdf in a proper and simple way
  21. How to highlight a part part of an Input text field in HTML using Javascript or JQuery
  22. Hot to get incomplete datetime-local input values
  23. Test if an element can contain text
  24. Incrementing value continuously on mouse hold
  25. Content of html page changed by jQuery but “View Source” don’t reflect the changes
  26. Do duplicate ID values screw up jQuery selectors?
  27. Html duplicated ID
  28. Geolocation closest location(lat, long) from my position
  29. How can I reorder elements with JavaScript?
  30. Can you have multiple lines in an element?

Leave a Comment