CODEWITHSUNDEEP
javascripthtmlmodernizr
Martin Braun
Martin Braun

Reputation: 12579

Detecting input type support of date and datetime types?

I try to use Modernizr to detect the support for date and datetime input fields (HTML5), but those variables always return false, even when they are supported (i.e. in Chrome): 

if(Modernizr.inputtypes.datetime) {
    jQuery("#what").html("Yes, I know datetime input fields.");
} else {
    jQuery("#what").html("Sorry, what is a datetime input field?");
}
#what {
    padding : 2em;
    margin  : 2em;
    text-align : center;
    
    border : 1px solid #000;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="what">Well... I'm not sure.</div>

By researching this problem it seems this bug is an old habit.

How can I solve it?

Upvotes: 5

Views: 1659

Answers (2)

Nishanth Matha
Nishanth Matha

Reputation: 6081

datetime is not supported on chrome or firefox.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime

For future ref you can use: https://developer.mozilla.org/

Use Modernizr.inputtypes['datetime-local'] or Modernizr.inputtypes['date'] instead

Upvotes: 2

snit80
snit80

Reputation: 731

I think what you are after is if (Modernizr.inputtypes.date) and not datetime, as there is no input type called datetime.

Upvotes: 0

Related Questions