Angular Bootstrap (ngx) 日期选择器内联答案

【问题标题】：Angular Bootstrap (ngx) datepicker inlineAngular Bootstrap (ngx) 日期选择器内联
【发布时间】：2018-04-29 17:43:14
【问题描述】：

我想让 ngx 引导日期选择器内联，而不是仅在您单击输入时才显示。

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

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

谢谢

文档中有一个容器输入：

container：一个选择器，指定日期选择器应该附加的元素到。目前只支持“body”。

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

【问题讨论】：

你找到解决这个问题的方法了吗？也得到了。 Datepicker 总是为我附加到 Body 上。由于我的布局，我的正文始终是静态的，并且我有一个可滚动内容的“包装器”，我需要将选择器附加在包装器中而不是正文中

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

在你全局cssstyle.css文件中给

bs-datepicker-container {

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

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

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

【讨论】：