draw datepicker dynamically

draw datepicker dynamically

  1. <link rel="stylesheet" href="css/jquery-ui-1.9.2/themes/base/jquery-ui.css" />
  2.   <script src="css/jquery-ui-1.9.2/jquery-1.8.3.js"></script>
  3.   <script src="css/jquery-ui-1.9.2/ui/jquery-ui.js"></script>

  4.   <script>
  5. $(function() {
  6. $("#datepicker").datepicker({ dateFormat: "yy-mm-dd" }).val()
  7. });
  8.   </script>

  9. <script language="javascript">
    function addnew()

  10. {
  11.       ...
  12.       mydiv.innerHTML = mydiv.innerHTML +"<input type='text' class='datepicker' id='datepicker'>";
  13. }

when i try to fire the addnew(), only an input box is created but not inherit datepicker.