fullCalendar не может получить элемент tbody в f c -content-skeleton - PullRequest
0 голосов
/ 01 августа 2020

Я хочу переместить и изменить содержимое столбца KW в календаре отбраковки. Это работает, но не для содержимого тела. Его просто невозможно схватить.

У кого-нибудь есть идея?

Вот моя текущая попытка, потому что thead thar работает нормально.

$("#calendar").fullCalendar({
  header: {
    right: "month",
  },
  monthNames: ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"],
  monthNamesShort: ["Jan", "Feb", "Mar", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dez"],
  dayNames: ["Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag"],
  dayNamesShort: ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"],
  buttonText: {
    today: "Heute",
    month: "Monat",
    week: "Woche",
    day: "Tag",
    monday: "Montag",
  },
  defaultDate: "{{ date('Y-m-d') }}",

  navLinks: true,
  firstDay: 1,
  hiddenDays: [0],
  weekends: true,
  timezone: "EST",
  weekLabel: "KW",
  weekNumbers: true,
  allDayText: "Ganztägig",
  eventClassNames: ["myclassname", "otherclassname"],
  viewRender: function (view, element) {
    var head_elem = element.find(".fc-head-container .fc-week-number")
    head_elem.appendTo(element.find(".fc-head-container tr"))
    head_elem.html("KW - Summ")
    head_elem.css("width", "150px")

    $.each($("div .fc-week"), function (key, val) {
      var row_elemen_content_head = $(val).find(".fc-content-skeleton thead .fc-week-number")
      row_elemen_content_head.appendTo($(val).find(".fc-content-skeleton thead tr"))
      row_elemen_content_head.css({
        width: "150px",
        "text-align": "end",
        color: "blueviolet",
      })

      var row_elemen_content_body = $(val).find("div .fc-content-skeleton table tbody tr td.fc-week-number")
      row_elemen_content_body.appendTo($(val).find("div .fc-content-skeleton table tbody tr"))
      row_elemen_content_body.css({ width: "150px" })
      row_elemen_content_body.append(
        '<br><a class="fc-day-grid-event fc-h-event fc-event fc-start fc-end"><div class="fc-content-1" style="white-space: initial;"> <span class="fc-title">Demo</span></div></a>'
      )

      var row_element = $(val).find(".fc-bg tbody .fc-week-number")
      row_element.appendTo($(val).find(".fc-bg tbody tr"))
      row_element.css("width", "150px")
    })
  },
  noEventsMessage: "Keine Ereignisse anzuzeigen",
  events: [
    {
      title: "Chillout",
      start: "2020-08-14",
      allDay: true,
    },
  ],
})

Спасибо

...