<!DOCTYPE html>
<html>

  <head>
    <script data-require="jquery@3.0.0" data-semver="3.0.0" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
    <link data-require="bootstrap@3.3.7" data-semver="3.3.7" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
    <script data-require="bootstrap@3.3.7" data-semver="3.3.7" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker3.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body>
    Some Date: <input id="myDate" />
    <br>
    Some input after date filled: <input id="name" />
  </body>

</html>
// Code goes here

$(function() {
    $('#myDate').datepicker({
      autoclose: true,
                todayBtn: "linked",
                format: 'dd.mm.yyyy',
                todayHighlight: true,
                clearBtn: true
    });
    
    $('#myDate').keypress(function (e) {
      if (e.which == 13) {
            $('#name').select();
        }
      });
});
/* Styles go here */