更改月份时,jeditable datepicker导致模糊

时间:2010-01-05 15:58:02

标签: jquery jquery-ui

我在jeditable中使用了jquery-ui datepicker。改变月份会导致模糊。为了能够在模糊后继续运行,我不得不设置settings.onblur =“取消”

但是我需要它在实际模糊的情况下“取消”。

有没有人遇到过这个问题?

编辑:

我刚刚通过以下方式入侵:


  monthChangeButtonClicked = function(blurEvent) { 
    return blurEvent.originalEvent.explicitOriginalTarget.innerHTML == "Prev" || 
    blurEvent.originalEvent.explicitOriginalTarget.innerHTML == "Next"; }
  if (monthChangeButtonClicked(e)) return;
  
这样讨厌的黑客:(

2 个答案:

答案 0 :(得分:1)

我在更改月份时遇到了同样的问题。

我推荐了设置自定义输入类型的代码,以便在那里处理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);
  }
});

答案 1 :(得分:1)

jeditable-datepicker插件似乎完全符合您的需要。

它在Jeditable中启用了jQuery UI Datepicker。这是demo