html - Eonasdan Bootstrap Datetimepicker not working properly when I click on the calendar icon or input box -
i'm having problem eonasdan bootstrap datetimepicker. copied , pasted code website (minus row , container because made layout of panel messy). suspect calendar buried , not visible reason. hoping guys give me hand!
<div class="col-sm-6"> <div class="form-group"> <div class="input-group date" id="datetimepicker1"> <input type="text" class="form-control active" /> <span class="input-group-addon btn"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div> </div> </div> <script type="text/javascript"> $('#datepicker').off('focus').datepicker().click( function () { $(this).datepicker('show'); } ); </script>
and here reference files can see i'm loading them properly.
<link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/styles.css" rel="stylesheet"> <link href="css/main.css" rel="stylesheet"> <link href="js/bootstrap.min.js"> <link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet"> <link href="js/bootstrap-datetimepicker.min.js"> <link href="js/moment.min.js"> <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
i hope can give me hand! thanks.
firstly, need call jquery before js files.
second, click function working , can see part os calendar or can't view nothing?
Comments
Post a Comment