title: Is it possible to use contentEditable with jQuery DatePicker?
body: <p>I'm looking for a way to use contentEditable with jQuery DatePicker. How can I use it on editable tables??</p>
  
  <p>I found one answer here : <a href="http://www.sencha.com/forum/showthread.php?229598-Looking-to-enable-contenteditable-true-for-custom-input-type" rel="nofollow">http://www.sencha.com/forum/showthread.php?229598-Looking-to-enable-contenteditable-true-for-custom-input-type</a></p>
  
  <p>And this is what I tried to do using the example given on the link above.</p>
  
  <p>HTML code:</p>
  
  <pre><code>&lt;td&gt;
      &lt;div class='date' contenteditable='false'&gt;2014-04-05&lt;/span&gt;
      &lt;input type='hidden' class='datepicker' /&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>Javascript code:</p>
  
  <pre><code>$(".datepicker").datepicker({
      dateFormat: 'yyyy-mm-dd',
      showOn: "button",
      buttonImage: "images/calendar.gif",
      buttonImageOnly: true,
      onClose: function(dateText, inst) {
          $(this).parent().find("[contenteditable=true]").focus().html(dateText).blur();
      }
  });
  </code></pre>
  
  <p>But this method doesn't work for me. </p>
  
  <p>Additional Info: I'm using bootstrap and jquery-tablesorter.</p>