title: datepicker binding in knockout
body: <p>I am trying to use JQuery's datepicker in conjunction with knockout using bindingHandlers. When I click on the textboxes, it shows the datepicker. but the underlying model is not updated.</p>
  
  <p>== Script</p>
  
  <pre><code>ko.bindingHandlers.dtp = {
      init: function (element, valueAccessor, allBindingsAccessor) {
          allBindings = allBindingsAccessor();
          $(element).datepicker({
              dateFormat: 'dd-mm-yy',
              changeMonth: true,
              changeYear: true,
              onSelect: function (evntObj) {
                  $(element).datepicker("hide");
                  valueAccessor($(element).val());
              }
  
          });
      }
  }
  function Member(item) {
          var self = this;
          self.JoinDate = ko.observable(item.JoinDate);
  }
   var viewmodel = function () {
  
          self = this;
          self.members = ko.observableArray([]);
   }
  var moView = new viewmodel();
  moView.push(new Member({JoinDate:"10-10-2010"}))
  moView.push(new Member({JoinDate:"11-11-2011"}))
  ko.applyBindings(moView);
  </code></pre>
  
  <p>== HTML</p>
  
  <pre><code>&lt;table data-bind='foreach: members()'&gt;
      &lt;tr&gt;&lt;td&gt;&lt;input type="text" data-bind=" value: JoinDate, dtp:{}" /&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/krishnasarma/fer146ap/" rel="nofollow">http://jsfiddle.net/krishnasarma/fer146ap/</a></p>
  
  <p>There seems to be other issues popping when simulating in jsfiddle</p>