<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">

    <title>Simple HTML Page with Bootstrap and Datepicker</title>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>
    <!-- Container -->
    <div class="container">

      <!-- Masthead -->
      <div class="masthead">

        <!-- Navigation -->
        <nav>
        </nav>
      </div>

      <!-- Jumbotron -->
      <div class="jumbotron">
        <h1>Simple HTML Page</h1>
        <p class="lead">Working with Bootstrap Datepicker</p>
      </div>

      <!-- Main Content-->
      <div class="masthead">
        <h3 class="text-muted">Datepicker</h3>
          <div class="input-group date" data-provide="datepicker">
              <input type="text" class="form-control">
              <div class="input-group-addon">
                  <span class="glyphicon glyphicon-th"></span>
              </div>
          </div>
        <p></p>
      </div>

      <!-- Site footer -->
      <footer class="footer">
        <p>&copy; 2015 &ndash; <span id="currentYear">THIS YEAR</span></p>
      </footer>

    </div> <!-- /container -->

  </body>
</html>

$(document).ready(init);

function init(jQuery) {
  CurrentYear();
}

function CurrentYear() {
  var thisYear = new Date().getFullYear()
  $("#currentYear").text(thisYear);
}

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js
  2. https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.0/jquery.min.js
  3. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js
  4. //cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/js/bootstrap-datepicker.min.js