Javascript 如何将日期弹出窗口设置为下面的文本字段

我在angular 4中创建日期字段，当我单击日期字段时，日期弹出窗口必须位于日期字段下方

这是我的密码

 <div class="col-3">
  <div class="form-group calenderForm calenderForm1">
   <label for="templateName">REPAIR DATE (FROM)</label>
     <owl-date-time name="repairDateFrom"
       [(ngModel)]="repairDateFrom" 
       [max]="max"
       [type]="'calendar'"
       [dateFormat]="'YYYY-MM-DD'"
       [placeHolder]="'YYYY-MM-DD'"
       ></owl-date-time>
       <div class="error-message-block"></div>
     <input type="hidden" name="repairDateFrom" id = "repairDateFrom" 
     value="{{repairDateFrom | date: 'yyyy-MM-dd'}}" 
    (click)="closeDatePopUp()"/>
   </div>
  </div>

维修日期（自）

无论是使用ngModel函数还是编写picker插件组件来实现结果。

---

请帮助我如何实现它。

最好且简单的方法是安装。Popover适用于使用引导的角度应用程序，但如果您不想在没有引导的情况下使用它，只需创建您自己的css类即可。Popover不依赖于jquery

如果您使用的是为Angular供电的bootstrap 4，则可以实现开箱即用的Popover

<input type="input"  placement="bottom"
        ngbPopover="Popover text." popoverTitle="Popover on bottom">