bootstrap3-datetimepicker并不总是按预期工作

Question

我正在使用meteor-bootstrap3-datetimepicker。

以下是我使用日期选择器的地方：

<form id="addAppointment" style="display:none">
  <div class="row">
    <div class="col-sm-8 col-lg-8 col-md-8">
      <div class="form-group">
        <input id="dateTimeTextField"
               type="text"
               class="form-control datetimepicker"
               data-DateTimePicker
               name="appointment"
               placeholder="Pick a Date">
      </div>
    </div>
    <div class="col-xs-4">
      <div class="form-group">
        <a id="adjustDateTime"
           class="btn btn-success btn-outline btn-block">Adjust Date and Time</a>
      </div>
    </div>
  </div>
</form>

我在他们的GitHub页面中显示了onRendered：

Template.requestView.onRendered(function() {
    this.$('.datetimepicker').datetimepicker();
});

我的期望：当我按下文本字段（<input>标签）时，会打开日期时间弹出窗口，如下图所示：

问题是日期时间弹出窗口只出现在我面前三次：一次在Google Chrome中，两次在Safari中。

当我按下文本字段时，为什么它很少出现？