If you want to create offline Datepicker then you have to download the offline CSS and JS code, Click the below link to download offline code:
Note: create file name with extension which display in the end of URL then open file in a textEditor then copy the code and paste. For example if URL display this link https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css. Your file name will be bootstrap.min.css
CSS link: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css
CSS link: https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker3.css
JS link: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js
JS link: https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js
JS link: https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/js/bootstrap-datepicker.min.js
Follow the example code:
<!DOCTYPE html> <html> <head> <title>Datepicker Example</title> <link href="css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <link href="css/bootstrap-datepicker3.css" rel="stylesheet" id="bootstrap-css"> </head> <body> <div class="container"> <div class="row"> <div class='col-sm-6'> <form> <div class="form-group"> <div class='input-group date' id='datepicker'> <input type='text' class="form-control" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div> </form> </div> </div> </div> <script src="js/bootstrap.min.js"></script> <script src="js/jquery.min.js"></script> <script type="text/javascript" src="js/bootstrap-datepicker.min.js"></script> <script > $(function () { $('#datepicker').datepicker({ format: "dd/mm/yyyy", autoclose: true, todayHighlight: true, showOtherMonths: true, selectOtherMonths: true, autoclose: true, changeMonth: true, changeYear: true, orientation: "button" }); }); </script> </body> </html>