TTL: 97 years, 9 months — Wordwrap

jQuery ui datepicker + jQuery editInPlace by Anibal Pacheco 

123456789101112131415161718192021222324252627
 
<html>
 <head>
  <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
  <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
  <script type="text/javascript" src="js/editinplace/src/jquery.editinplace.packed.js"></script>
  <link type="text/css" href="css/your-jquery-ui-theme/jquery-ui-1.7.2.custom.css" rel="Stylesheet"></link>
  <script>
   $(function(){
    $('#dateinplace').editInPlace({url: "your-update-backend-url"});
    $('#datepicker').datepicker({
     showOn: 'button',
     buttonImage: 'images/calendar.gif',
     buttonImageOnly: true,
     onClose: function(dateText, inst){
      sp = $('#dateinplace');    // take the editInPlace widget
      sp.text(dateText).click(); // set the date and trigger a click
      $(':input', sp).blur();    // trigger a blur inside its created input
     }
    });
   });
  </script>
 </head>
 <body>
  <span id="dateinplace"/>
  <input type="hidden" id="datepicker"/>
 </body>
</html>

Write an answer →