Home/ Questions/Q 439727
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-12T20:48:09+00:00

I’m working on some HTML5 demo code, including stuff like <input type=date /> This

  • 0

I’m working on some HTML5 demo code, including stuff like <input type="date" />

This currently works correctly in Opera 10 as-is, but every other browser just displays a normal text input. I’m then using a jQuery.date-input plugin to override this behaviour on browsers that don’t support it.

Problem is – the jQuery’s running on Opera as well, so in Opera I’m getting two calendar date-pickers (one from the browser, one from jQuery)

I can work around this for now using if (window.opera) – but is there some way using, say, jQuery.support, that I can reliably detect whether the current browser supports a particular HTML5 feature or not?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I would take a look at Modernizr. It’s an open source, MIT-licensed Javascript library that detects support for many HTML5/CSS3 features and it’s REALLY tiny (7kb compressed). To use it, simply:

    <script src="modernizr.min.js"></script>

    Within the <head> of your document. After that, it has a variety of functions to check for what you need. Example:

    if (Modernizr.canvas) { 
     // do stuff
}

    There’s many more ways to check for the specific HTML5/CSS3 feature you’d like. Check out their website to get it and see the docs.

    • 0