Using a datepicker

Date:



The jQuery Code START
    
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<style type="text/css">
    #slider { margin: 10px; }
  </style>
  
  <script  type="text/javascript">
  $(document).ready(function() {
    $("#datepicker").datepicker();
  });
  </script>
  
 
  
 <script  type="text/javascript">
  $('.selector').datepicker({
     onSelect: function(dateText, inst) {
        $("#result").text("You selected " + dateText)}
      });
  });
  </script>
</head>
<body style="font-size:65%;">
  <h1>Using a datepicker</h1>
<div type="text" id="datepicker"></div>
<div style="font-size:100%;" id="result"></div>

<div class="demo">

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

</div>