在 FullCalendar 的月视图中将输入添加到日单元格答案

【问题标题】：Adding Input to day cell in month view of FullCalendar在 FullCalendar 的月视图中将输入添加到日单元格
【发布时间】：2017-04-26 09:01:33
【问题描述】：

我正在尝试修改 FullCalendar 月视图，以便每天单元格都有一个输入元素。

这是我的代码：

(...)
dayRender: function (date, cell) {
          cell.append('<input type="number" style="margin-top: 60px; width: 30%; margin-left: 2px; z-index: 10; pointer-events: all!important">');
        }
(...)

到目前为止，该输入已显示，但并未关注点击。我将如何使它成为焦点？

如您所见，我尝试将输入的指针事件设置为所有，同时将表指针事件设置为无，但结果是相同的。

【问题讨论】：

标签： angular fullcalendar

【解决方案1】：

我知道你回答这个问题可能有点太晚了，但这可以通过在日历背景上添加更高的 z-index 使用简单的 CSS 来解决：

 .fc-row .fc-bg {
    z-index: 5;
  }

我希望它对正在寻找同样问题的人有所帮助。

【讨论】：

【解决方案2】：

我一直在尝试，它可以处理 dayClick 事件。因此，当单击这一天时，我手动聚焦输入。代码如下：

dayClick: function() {
    $(this).find("input").focus();
}

也许不是最好的解决方案，但它确实有效。

【讨论】：