I downloaded modernizr.js from it's website.
<html>
<head>
<title>Hello Modernizr</title>
<script src=".11.0/jquery.min.js"></script>
<script src="~/modernizr.custom.62854.js"></script>
</head>
<body>
</body>
</html>
<script>
Modernizr.load({
test: Modernizr.inputtypes.date,
nope: ['.4.4/jquery.min.js', '.8.7/jquery-ui.min.js', 'jquery-ui.css'],
plete: function () {
$('input[type=date]').datepicker({
dateFormat: 'yy-mm-dd'
});
}
});
</script>
I added a datepicker but if i run website , i can not see anything where i miss ?
I downloaded modernizr.js from it's website.
<html>
<head>
<title>Hello Modernizr</title>
<script src="https://ajax.googleapis./ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="~/modernizr.custom.62854.js"></script>
</head>
<body>
</body>
</html>
<script>
Modernizr.load({
test: Modernizr.inputtypes.date,
nope: ['http://ajax.googleapis./ajax/libs/jquery/1.4.4/jquery.min.js', 'http://ajax.googleapis./ajax/libs/jqueryui/1.8.7/jquery-ui.min.js', 'jquery-ui.css'],
plete: function () {
$('input[type=date]').datepicker({
dateFormat: 'yy-mm-dd'
});
}
});
</script>
I added a datepicker but if i run website , i can not see anything where i miss ?
Share Improve this question edited Jun 4, 2014 at 12:25 ngrashia 9,9045 gold badges45 silver badges58 bronze badges asked Jun 4, 2014 at 12:22 user3705822user3705822 5031 gold badge5 silver badges9 bronze badges 6-
1
First thing you need to do is move the
scriptblock insidebodytag – Mr. Alien Commented Jun 4, 2014 at 12:23 - what error do you get ? – hlscalon Commented Jun 4, 2014 at 12:24
-
Second point, I don't see any
input[type=date]in your HTML – Mr. Alien Commented Jun 4, 2014 at 12:24 -
Add
<input/>element! – Shaunak D Commented Jun 4, 2014 at 12:24 - may you please answer with html code i will accept best answer if you can help thanks – user3705822 Commented Jun 4, 2014 at 12:25
2 Answers
Reset to default 6Add this to your html.
<input type="date"/>
You have datepicker based on an <input> element.
$('input[type=date]').datepicker({
dateFormat: 'yy-mm-dd'
});
Fiddle Demo
Fiddle Without Modernizr
- Include the
<script>tag with Modernizr code, in the<head>tag. - And for implementing DatePicker you should include jQuery UI reference.
Note :
Modernizr cannot detect that date inputs create a datepicker, its design, the color input create a colorpicker, and so on; it will detect that the input values are sanitized based on the spec.
@user3705822 modernizr is not intended to modify the design, it just tell you what features are supported by different browsers so that you can act accordingly.
Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser.
what you are looking for is something like this http://uniformjs./ or http://jqueryui./