自定义日期范围内联选择器

Question

我使用的框架 (Angular 7) 和 ngx-bootstrap ^4.0.0

我想制作内联日期范围选择器。

包 ngx-bootstrap 具有用于经典对话框 daterangepicker 的内联日期选择器 (bs-datepicker-inline) 和指令 (bsDaterangepicker)。

我尝试使用属性 container 在具有相对位置的元素中创建 daterangepicker，但在 select 日期之后组件关闭。当我使用隐藏事件调用方法显示时，它正在工作，但使用 'blink'.

你有这方面的经验吗？

Here is example.

Answer 1

您可以使用 ngx-bootstrap 中的 bsDatepicker，如下所示

<input type="text"
            class="form-control"
            [minDate]="minDate"
            [maxDate]="maxDate"
            #dp="bsDatepicker"
            bsDatepicker [(bsValue)]="myDateValue">

Working Demo

Answer 2

我认为您正在寻找的是他们在文档中实际拥有的内容 here。

您可以查看 this Sample StackBlitz 实施情况。