jquery

JQueryUI datepicker

<!doctype html>
<html lang="en">
<head>
  <link rel="stylesheet" href="path_to_base_css/jquery-ui.css">

  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="path_to_jqueryui_js/jquery-ui.js"></script>
  <script>
     $( function() {
        $( "#mydatepicker" ).datepicker({
            dateFormat: 'yy-mm-dd'
        });
     });
  </script>
</head>
<body>
 
<p>Date: <input type="text" id="mydatepicker"></p>
 
 
</body>
</html>

jQueryUI provides a popular widget to add datepicker to your website. Just include jqueryui css, jquery library and jquery-ui.js files to your webpage and call its datepicker function as in code snippet. Download datepicker only related files

Download files

Was this helpful?