Можно ли иметь автозаполнение пользовательского интерфейса jQuery на contenteditable div и DatePicker, работающих в гармонии?

Question

В сообщении на форуме "Как заставить автозаполнение jquery работать для contenteditable DIV вместо просто полей INPUT, TEXTAREA." мы видим, как заставить автозаполнение работать над элементом contenteditable div, однако в сочетании с datepicker datepicker просто не заполняет поле ввода.

Как вы можете видеть в этой демонстрации jsFiddle: http://jsfiddle.net/xvnaA/

У кого-нибудь есть какие-нибудь мудрые идеи, как это исправить?

Answer 1

Вместо простого переопределения $.fn.val вы можете переопределить его следующим образом:

(function ($) {
   var original = $.fn.val;
   $.fn.val = function() {
      if ($(this).is('[contenteditable]')) {
         return $.fn.text.apply(this, arguments);
      };
      return original.apply(this, arguments);
   };
})(jQuery);

См. http://jsfiddle.net/xvnaA/27/