日历日期中的模态按钮循环

Question

我正在使用FullCalendar，我想在每个日期放置一个模态按钮/链接，就像这样：

＆＃34; +＆＃34;单击时，标志应显示模态。这是我的代码：

id

当我点击＆＃34; +＆＃34;标志，它不显示模态，因为id属性在每个日期重复。我检查了元素，发现了这个：

这就是为什么模态不显示，因为for (i=1; i <= 31; i++) { $( ".fc-day-number" ).append("<a href='' class='addEventBtn' id='modalButton"+i+"'>+</a>"); } 属性值应该是唯一的。现在，我尝试了另一个代码：

id

但现在看起来像这样：

正如您所看到的，它有多个＆＃34; +＆＃34;在一个日期签署。

所以我的问题是，我怎么只放一个＆＃34; +＆＃34;使用唯一ex: Derived* d = dynamic_cast<Derived*>(base) 属性值在每个日期签名？

Answer 1

试试这个

$('.fc-day-number').each(function(index, value) {
    $(this).append("<a href='' class='addEventBtn' id='modalButton"+index+"'>+</a>");
});

这是来自匹配的.fc-day-number元素的集合，即对于每个日期，它附加一个＆＃39; +＆＃39;他们有独特的身份。

如果这对您有用，请告诉我。

Answer 2

你必须将你的模态开放代码添加到fullcalendar的dayClick事件中，例如： -

$('#calendar').fullCalendar({
    dayClick: function(date, jsEvent, view) {
        // do your modal open code here
    }
});

它会帮助你。