Select a Date from a Popup or Inline Calendar

Simple popup calendar / date picker script using Javascript that enables the users to select date fields in the web forms from the pop up window.

<html lang="en">

<head>

<meta charset="utf-8" />

<title>jQuery UI Datepicker - Display month &amp; year menus</title>

 

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" temp_href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

<script src="http://code.jquery.com/jquery-1.9.1.js" temp_src="http://code.jquery.com/jquery-1.9.1.js"></script>

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js" temp_src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 

<script>

    $(function () {

        $("#datepicker").datepicker({

            changeMonth: true,

            changeYear: true

        });

    });

</script>

</head>

<body>

<p>Date: <input type="text" id="datepicker" /></p>

</body>

</html>

Ebook Download
View all
Learn
View all