Bootstrap日期选择器处于异常位置

Question

我正在使用复选框在datepicker和monthpicker之间切换。如果我一次打开它们（即在切换前关闭一个），它的工作正常。但是如果我在datepicker / monthpicker仍处于打开状态时切换复选框，则新弹出窗口将在错误的位置打开。

我不知道我做错了什么。我以前没有在css上工作过。

for datepicker

这就是去野餐的地方

这是我的HTML：

<div class="span3 custom-style-datepicker" ng-if="permission" >
   <label class="control-label" translate="date"></label>
   <div class="span4" ng-show="reconModel.isEnabled">
      <input type="text" class="form-control recon-date" datepicker-popup="MM/dd/yyyy" ng-model="vm.reconModel.date" is-open="isFromOpen" show-weeks="false" ng-click="isFromOpen=!isToOpen" min-mode="'month'" datepicker-mode="'month'" />
   </div>
   <div id="here" class="span4" ng-show="!reconModel.isEnabled">
      <input type="text" class="form-control recon-date" datepicker-popup="MM/dd/yyyy" ng-model="vm.reconModel.date" is-open="isFromOpen" ng-click="isFromOpen=!isToOpen" show-weeks="false"  />
   </div>
   <div class="switchable-dp " style="padding: 1px 0px 0px 0px">
      <input type="checkbox" name="isEnabled" ng-true-value="true" ng-false-value="false" switch-active="{{permission}}" switch-on-text="Month Picker" switch-off-text="Date Picker" switch-off-color="success" switch-label="" switch-radio-off="{{permission}}" ng-init="reconModel.isEnabled=true" ng-model="reconModel.isEnabled" switch-size="mini" bs-switch  data-label-width="0">
   </div>
</div>