bootstrap3-datetimepicker doesn't always work as expected

问题

I am using meteor-bootstrap3-datetimepicker.

Below is where I am using the date picker:

<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>

I used onRendered as it was shown in their GitHub page:

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

What I expect: datetime popup opened when I press on the textfield (<input> tag), as it shown in pictures below:

The problem is that the datetime popup only appeared to me three times: once in Google Chrome and twice in Safari.

Why does it rarely appear when I press on the textfield?

来源：https://stackoverflow.com/questions/46505578/bootstrap3-datetimepicker-doesnt-always-work-as-expected