Home

How to use datepicker in html form

Published on 6th Feb 2018 in HTML

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

Share It
Stay Connected
Like Us on Facebook