How can I tell if a browser supports

by

The method bellow checks if some input type is supported by most of the browsers:

function checkInput(type) {
    var input = document.createElement("input");
    input.setAttribute("type", type);
    return input.type == type;
}

But, as simonox mentioned in the comments, some browsers (as Android stock browsers) pretend that they support some type (as date), but they do not offer an UI for date inputs. So simonox improved the implementation using the trick of setting an illegal value into the date field. If the browser sanitises this input, it could also offer a datepicker!!!

function checkDateInput() {
    var input = document.createElement('input');
    input.setAttribute('type','date');

    var notADateValue="not-a-date";
    input.setAttribute('value', notADateValue); 

    return (input.value !== notADateValue);
}

More Related Contents:

  1. Hover over image to get a box with multiple links in html/JavaScript
  2. Reloading a single div in an html page [closed]
  3. Auto Uploading file
  4. How do you inject this code into HTML using Javascript?
  5. How to get 100% ADA compliance result in accessibility checker website https://webaccessibility.com? [closed]
  6. jQuery doesn’t give a proper output, but gives these [closed]
  7. fixing slider on my website [closed]
  8. How To Save Canvas As An Image With canvas.toDataURL()?
  9. HTML5 Canvas to PNG File
  10. Restricting input to textbox: allowing only numbers and decimal point
  11. execCommand() is now obsolete, what’s the alternative?
  12. get the text content from a contenteditable div through javascript
  13. HTML2canvas generates Blurry images
  14. How to open specific tab of bootstrap nav tabs on click of a particuler link using jQuery?
  15. update textarea value, but keep cursor position
  16. HTML5 video, how to detect when there is no audio track?
  17. Save canvas as jpg to desktop [duplicate]
  18. How do you float elements without a vertical gap?
  19. How can I prevent a click on a ‘#’ link from jumping to top of page?
  20. Get elements from page.evaluate in Puppeteer? [duplicate]
  21. How can I delete a window.history state?
  22. How can I duplicate a div onclick event?
  23. Detecting HTML5 Drag And Drop support in javascript
  24. Refresh element generated by a django template
  25. Is there a way to know if a link/script is still pending or has it failed
  26. How can I dynamically highlight strings on a web page?
  27. Copy/Paste from Excel to a web page
  28. onclick event function in JavaScript
  29. Cross-Origin resource sharing and file://
  30. Content of html page changed by jQuery but “View Source” don’t reflect the changes

Leave a Comment