Angular Bootstrap（ngx）datepicker inline

Question

我想让ngx bootstrap datepicker内联而不是只在你点击输入时出现。

ngx datepicker link

有人能帮助我实现这个目标吗？我试图添加它，但有绝对定位，如果我用相对定位覆盖它，它不能正常工作。

我只想在页面内联中看到这个，而不需要在输入字段框中输入：

由于

文档中有一个容器输入，上面写着：

  

container：一个选择器，指定应该追加datepicker的元素   至。目前只支持“body”。

有什么方法可以解决这个问题吗？

Answer 1

试试这个，将0的高度设为overflow: hidden并将其保留在页面上。它会在那里，所以选择器本身位置正确，但没有高度，输入将是不可见的，仍然有选择器出现在它应该的位置。

您可以将isOpen property设置为true，以便默认打开

<input bsDatepicker [isOpen]="true" style="height: 0; overflow: hidden; border: none; padding: 0;" />

Answer 2

在你的全局css style.css文件中给出

bs-datepicker-container {

  position: relative !important;
  left: 0 !important;
  top: 0 !important;
}

!important是必需的，因为它具有元素级别样式，因此您需要覆盖它。

明显：禁用切换并永久显示。