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

Question

我使用的框架（Angular 7）和ngx-bootstrap ^4.0.0

我想进行内联daterangepicker。

软件包ngx-bootstrap具有内联日期选择器（bs-datepicker-inline）和指令（bsDaterangepicker），用于经典对话框daterangepicker。

我尝试使用属性container在相对位置的元素中创建daterangepicker，但是在选择日期关闭后组件将关闭。当我使用hide事件调用方法show时，它可以正常工作，但显示为“ blink”。

您有经验吗？

Here is example.

Answer 1

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

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

Working Demo

Answer 2

我认为您正在寻找的是他们实际上在其文档here中拥有的东西。

您可以签出this Sample StackBlitz进行实施。