Css 异常位置的引导日期选择器

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

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

用于日期选择器

这是它去野餐的地方

这是我的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>

HTML不足以解决您的问题。如果可能的话，创建它，看起来你正在使用angularjs。请解决您的问题。