jquery - Datepicker trouble -
hi cant datepicker work? can me work, dosent when click on it!
and site i'm trying make example.
link: http://jsfiddle.net/jasenhk/4g9u5/
head:
<head> <!--bootstrap stylesheet--> <link rel="stylesheet" href="css/bootstrap.min.css"> <!--bootstrap scripts--> <script src="js/bootstrap.min.js" type="text/javascript"></script> <!--custom stylesheets--> <link rel="stylesheet" type="text/css" href="css/style.css"> <!--custom scripts--> <script src="http://code.jquery.com/jquery-latest.min.js"</script> <script> $(document).ready(function() { $(".date-picker").datepicker(); $(".date-picker").on("change", function () { var id = $(this).attr("id"); var val = $("label[for='" + id + "']").text(); $("#msg").text(val + " changed"); }); }); </script> </head>
body:
<div class="controls"> <div class="input-group"> <label for="date-picker-3" class="input-group-addon btn"> <span class="glyphicon glyphicon-calendar"></span> </label> <input id="date-picker-3" type="text" class="date-picker form-control hasdatepicker"> </div> </div>
you have remove hasdatepicker
class input. html malformed:
<input id="date-picker-3" type="text" class="date-picker form-control" />
and jquery script tag malformed:
<!--custom scripts--> <script src="http://code.jquery.com/jquery-latest.min.js"></script>
and you're missing jquery ui:
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
here jsfiddle working example: http://jsfiddle.net/054xstp5/15/