jeditable datepicker вызывает размытие при смене месяца

Question

Я использую jquery-ui DatePicker внутри jeditable. Изменение месяца вызывает размытие. Чтобы продолжить работу после размытия, мне пришлось установить settings.onblur = "cancel"

Но мне нужно его «отменить» в случае реального размытия.

Кто-нибудь сталкивался с этой проблемой?

редактирование:

Я только что взломал jeditable с помощью:

  monthChangeButtonClicked = function(blurEvent) { 
    return blurEvent.originalEvent.explicitOriginalTarget.innerHTML == "Prev" || 
    blurEvent.originalEvent.explicitOriginalTarget.innerHTML == "Next"; }
  if (monthChangeButtonClicked(e)) return;
  

Такой неприятный хак: (

Answer 1

Плагин jeditable-datepicker , кажется, делает именно то, что вам нужно.

Включает jQuery UI Datepicker в Jeditable. Вот демоверсия .

Answer 2

Я также столкнулся с этой же проблемой при смене месяца.

Я настроил код, который устанавливает пользовательский тип ввода, для обработки там события onblur. Это похоже на работу:

jQuery.editable.addInputType('datepicker', {
  element: function(settings, original) {

      var input = jQuery('<input size=8 />');


      // Catch the blur event on month change
      settings.onblur = function(e) { 
            t = setTimeout(function() {
            reset.apply(form, [settings, self]);
            }, 500);
         };

      input.datepicker({
        dateFormat: 'yy-mm-dd',
        onSelect: function(dateText, inst) {
          jQuery(this).parents("form").submit();
        },
        onClose: function(dateText, inst) {
           jQuery(this).parents("form").submit();
        },

      });

      input.datepicker('option', 'showAnim', 'slide');

      jQuery(this).append(input);
      return (input);
  }
});