Javascript 如何为每个触发器动态显示bootstrap-5模态在其触发器上的位置

如何动态显示bootstrap-5模态位置？我正在尝试创建一个谷歌日历克隆，假设。。当我们在28日有更多的活动时，如果我们点击下图所示的4个活动，那么modal应该在28日星期三打开到它的专用框，而不是在中心或任何其他地方。

---

您的意思是说模态应该在第28个边界框内打开？不超过1号或6号，等等？是的，如果你点击20号，模态应该出现在20号上。明白了。事实上，我试过，但不知道如何在javascript中使用它，因为我想做很多在普通的Popover中不可能的事情如果我们使用js的Popover模板，那么它就可以工作了，我知道如何在javascript中使用Popover，你能告诉我吗？检查演示。