FulllCalendar jquery，選擇裏面的日子

我使用的是FullCalendar，我必須在「月份」視圖的每一天追加一個「選擇」。FulllCalendar jquery，選擇裏面的日子

我得到了每個單元格中的選擇，但它沒有擴展。如果我以編程方式展開選擇（更改大小），它會展開，但我無法選擇任何選項。我也無法在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); 
        } 
       }); 
      } 
     }); 
    });

來源

2014-09-19 Emiliano Magnani Efisat

您的代碼適合我。你可以發佈一個jsfiddle或[sofiddle]（http://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/）來演示這個問題嗎？ – brasofilo 2014-09-19 21:38:44

這就是我擁有的一切。這些選擇是正確的？我嘗試在這裏插入一個選擇http://fullcalendar.io/，它不像我的日曆那樣擴展。 – 2014-09-20 23:20:55

jsfiddle http://jsfiddle.net/L17jzba6/ – 2014-09-21 20:14:53

猜測這是很久以前，但我有同樣的問題，選擇和輸入不工作。經過漫長的試驗和錯誤，我通過將$（'＃selectid'）。mousedown（function（event）{event.stopPropagation（）}）添加到select中來工作。 fullcalendar將事件綁定到mousedown，它以某種方式阻止輸入元素的默認瀏覽器行爲，例如通過停止mousedown傳播來阻止fullcalendar事件觸發有選擇性地擴展，輸入焦點等等。固定 google code issue（即時通訊使用版本2.3.2 fullcalendar）

來源

2015-07-16 08:29:50 user2988167

FulllCalendar jquery，選擇裏面的日子

回答

相關問題