FullCalendar Jquery，选择内天

Posted 2023-02-26

【中文标题】FullCalendar Jquery，选择内天

【英文标题】：FulllCalendar Jquery, select inside day

【发布时间】：2014-09-19 18:53:03

【问题描述】：

我正在使用 FullCalendar，我必须在月视图中为每一天附加一个“选择”。

我在每个单元格中都有选择，但它没有展开。如果我以编程方式扩展选择（更改大小），它会扩展但我无法选择任何选项。我也无法在 Day Cell 中选择任何文本或元素。我认为单元格阻止了某些东西，所以点击工作正常

JsFiddle：http://jsfiddle.net/L17jzba6/ 我不需要任何事件，我使用日历选择每天的信息并保存。

$(document).ready(function() 
        var fechaHoy = new Date();
        var fechaFormateada = $.format.date(fechaHoy, "yyyy-MM-dd");
        $('#calendar').fullCalendar(
            header: 
                left: 'prev,next today',
                center: 'title',
                right: ''
            ,
            defaultDate: fechaFormateada,            
            monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio',
                'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
            dayNames: ['Domingo', 'Lunes', 'Martes', 'Miercoles',
                 'Jueves', 'Viernes', 'Sabado'],
            dayNamesShort: ['Domingo', 'Lunes', 'Martes', 'Miercoles',
                 'Jueves', 'Viernes', 'Sabado'],

            viewRender: function(view, element) 
                //var fecha = $.format.date(view.start._d, "dd-MM-yyyy");
                //dia = fecha.substr(0, 2);
                //mes = fecha.substr(3, 2);
                //ano = fecha.substr(6, 4);
                $("td[data-date]:not(.fc-other-month):not(.fc-day-number)").each(function() 
                    var fechaCelda = $(this).attr("data-date");
                    if ($(this).hasClass("fc-past")) 

                        var html = '<select><option value="1">1</option><option value="2">2</option></select>';
                        $(this).append(html);
                    
                    else 
                                      var html = '<select><option value="1">1</option><option value="2">2</option></select>';
                        $(this).append(html);
                    
                );
            
        );
    );

【问题讨论】：

您的代码对我有用。你能发布一个 jsfiddle 或 sofiddle 来证明这个问题吗？

这就是我所拥有的。选择是否正确扩展？我尝试在这里插入一个选择 fullcalendar.io 并且它不像我的日历那样扩展。

jsfiddle jsfiddle.net/L17jzba6

【参考方案1】：

猜这是很久以前的事了，但我遇到了同样的问题，选择和输入不起作用。经过长时间的反复试验，我通过将 $('#selectid').mousedown(function(event)event.stopPropagation()) 添加到选择中来使其工作。 fullcalendar 将事件绑定到 mousedown 以某种方式阻止输入元素的默认浏览器行为，例如选择扩展、输入焦点等。通过停止在 mousedown 上的传播，这可以防止触发 fullcalendar 事件有一个为此提交的错误，但似乎还没有固定的 google code issue（我使用的是 2.3.2 版的全日历）