Question

我的fancybox 3和jquery ui datepicker有问题。如果我将日期选择器放在fancybox之外......几个月和几年的下拉列表正在工作..但是当我把它放在fancybox中时。下拉列表未被触发。知道发生了什么事吗？

$("#Date_To").datepicker({changeMonth: true,changeYear: true});

image

Answer 1

尝试禁用聚焦，如下所示：

$('[data-fancybox]').fancybox({
    autoFocus : false,
    trapFocus : false,
    touch     : false,
    beforeClose : function() {
        $( ".selector" ).datepicker( "hide" );
    }
});

演示 - JMeter Best Practices

Answer 2

我尝试使用modal并找到了解决方案。有什么方法可以将此代码转换为fancybox吗？

var enforceModalFocusFn = $ .fn.modal.Constructor.prototype.enforceFocus;

$。fn.modal.Constructor.prototype.enforceFocus = function（）{};

$ confModal.on（'hidden'，function（）{ $ .fn.modal.Constructor.prototype.enfor

Datepicker（月份和年份）在fancybox中无法正常工作

2 个答案: