Javascript 安装垃圾桶删除智能管理主题中完整日历事件的优雅方式？

我正在使用，我想在日历页面上安装一个垃圾桶，这样用户就可以轻松地拖放事件来删除它们

我经历过，虽然我很欣赏eXistPierre和其他一些人的回答，但他们确实写得很好，但我仍然面临一些问题。它们已经有2年的历史了，而且可能是一个较旧版本的完整日历。此外，由于我不是一名经验丰富的Javascript开发人员，而且还在学习，所以我无法理解代码

---

我正在回答一种安装垃圾桶的方法，它的灵感来自eXistPierre，但符合更新的版本，而且更简单，至少在我看来是这样。我希望这将有助于其他使用Smart Admin主题的人，他们也可能希望安装垃圾桶来从日历中删除事件。

首先，不能将事件拖到日历之外。为此：

.fc-view
{
    width: 100%;
    overflow: visible;
}

这将允许用户将事件拖到日历之外

其次，我在日历左侧安装了一个带有垃圾桶的小div，可以使用以下代码创建新事件：

<div class="well well-sm" id="deleteEventsDiv">
    <legend>
        Delete Events
    </legend>
    <img src="/img/avatars/cal-trash.png">
    <div class="note">
        <strong>Note:</strong> Drag and drop events here to delete them
    </div>
</div>

就这样。你可以走了。垃圾图片也包括在这个答案和div的屏幕截图中

垃圾桶：

垃圾桶分区截图：

---

首先，不能将事件拖到日历之外。为此：

.fc-view
{
    width: 100%;
    overflow: visible;
}

这将允许用户将事件拖到日历之外

其次，我在日历左侧安装了一个带有垃圾桶的小div，可以使用以下代码创建新事件：

<div class="well well-sm" id="deleteEventsDiv">
    <legend>
        Delete Events
    </legend>
    <img src="/img/avatars/cal-trash.png">
    <div class="note">
        <strong>Note:</strong> Drag and drop events here to delete them
    </div>
</div>

就这样。你可以走了。垃圾图片也包括在这个答案和div的屏幕截图中

垃圾桶：

垃圾桶分区截图：

---

你能发布一些代码来展示你所尝试的吗？你能发布一些代码来展示你所尝试的吗？