如何像谷歌日历模式一样打开模式，在完整日历中的当天点击事件答案

【问题标题】：How to open modal just like google calendar modal, on day click event in full calendar如何像谷歌日历模式一样打开模式，在完整日历中的当天点击事件
【发布时间】：2019-05-15 08:23:01
【问题描述】：

我为事件信息制作了一个引导对话框。现在我想打开那个对话框，就像谷歌日历对话框一样。就像刚刚接近日期而不是在页面中间。

<div id="addClassSchedule1" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Modal Header</h4>
      </div>
      <div class="modal-body">
        <p>Some text in the modal.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

dayClick: function(date, jsEvent, view) {   
  $('#addClassSchedule1').modal()
},

请打开谷歌日历并点击任何日期，你会知道我的问题。

【问题讨论】：

不，先生，控制台中没有任何类型的错误。我只想像谷歌日历模式一样打开我的模式。
“我想要”不是一个问题。这只是一个要求。你已经写了一些代码。现在运行它时有什么问题？模态是否出现？或者您是否在问如何将来自 fullCalendar 的事件数据放入您的模式中？我没有看到您尝试这样做的任何代码。你有问题吗？正如我所说，目前还不清楚您需要什么帮助。
@ADyson 先生，您完全正确，这是我的要求，不是问题。如果我单击某个日期，则会在该日期附近弹出模式。不在页面中间。这正是我想要的。
是的，但我认为您错过了这一点，即这不仅仅是免费的编写我的代码服务...您不只是提出一组要求，然后我们为您提供完整的免费解决方案，无需您的任何努力。您需要向我们询问有关您的代码的具体问题，例如帮助修复错误、解释概念或询问代码的细节。到目前为止，据我所知，您还没有做过任何事情。您针对您的需求进行了哪些研究？你尝试了什么？什么地方出了错？您需要帮助解决什么问题或概念？
P.S.显示相对于另一个元素的弹出窗口是您已经可以使用引导程序执行的操作，应该可以毫不费力地研究它。如果您随后尝试实施某些事情并陷入困境，那就是时候询问我们了。谢谢。

标签： javascript jquery twitter-bootstrap fullcalendar

【解决方案1】：

试试

$('#addClassSchedule1').modal('show');

【讨论】：

感谢您的帮助。先生，您能否打开谷歌日历并单击日期，然后在您单击的日期附近打开一个模式。我希望在我的项目中使用该功能，在我的项目模式中打开非常好，对此没有任何问题，但它在页面中间打开。
对于您的情况，您可能希望使用 Popovers。 getbootstrap.com/docs/4.0/components/popovers