How to use datepicker in html form

How to use datepicker in html form for display calendar.It gives the option to select date,month and year in html form which becomes easy for user.No need to enter the date value in textbox only need to select and it will display automatically in text field.Just see an example.

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>PHP Cluster jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  $(function() {
    $( "#datepicker" ).datepicker();
  });
  </script>
</head>
<body>
 
<p>Date: <input type="text" id="datepicker" name=”phpcluster”></p>
 
 
</body>
</html>

Demo