jquery-ui-datepicker - Datepicker（月份和年份）在fancybox中不起作用

Question

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

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

图片

Answer 1

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

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

演示 - https://codepen.io/fancyapps/pen/QqLXaz

Answer 2

我尝试使用模态并找到了解决方案。有什么办法可以为fancybox隐藏这个代码吗？

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

$.fn.modal.Constructor.prototype.enforceFocus = function() {};

$confModal.on('hidden', function() { $.fn.modal.Constructor.prototype.enfor