JS - 数组中的日期，link 建筑

Question

我正在寻找一种方法来向 eventName 添加有效的 link。如果我直接在代码中添加一个link，它将显示为文本，而不是link。 我必须在这里编写一个全新的函数还是某个地方足够简单的技巧？非常感谢您的回复。

!function () {
    var data = [
        {eventName: '<a href="#">EventName</a>', calendar: 'Work', color: 'orange', eventTime: moment("2021-12-22")},
        {eventName: '<a href="#">EventName</a>', calendar: 'Work', color: 'orange', eventTime: moment("2021-12-02")},
        {eventName: '<a href="#">EventName</a>', calendar: 'Other', color: 'green', eventTime: moment("2021-12-09")}
    ];

Answer 1

您将事件创建为跨度，因此它只是将锚标记打印为文本

在您的 Calendar.prototype.renderEvents 函数中，您应该创建一个锚标记并设置其 href

var a = createElement("a", "", ev.eventName);
a.href = "#";

而不是

var span = createElement("span", "", ev.eventName);

Answer 2

就在第 303 行附近，你有这个：

  var span = createElement('span', '', ev.eventName);

第三个参数的默认行为是将其内容设置为 text 元素。您可以使用此附加行强制将内容呈现为 HTML。

  var span = createElement('span', '');
  span.innerHTML= ev.eventName;

示例：https://codepen.io/javacado/pen/bGoogYg?editors=1111

JS - 数组中的日期，link 建筑

JS - dates in array, link building

javascript

jquery

calendar