是否可以让 jQuery UI 自动完成在 contenteditable div 和 datepicker 上协调工作？

Question

在论坛帖子"How to make jquery autocomplete to work for a contenteditable DIV instead of just INPUT, TEXTAREA fields." 中，我们看到了如何在内容可编辑的 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/