Angular ngx daterangepicker材质在右侧添加日历图标

我正在使用ngx daterangepicker材质作为日期范围选择器。它工作正常，但需要在文本框中添加图标。单击该图标后，日历应打开。我正在努力寻找解决办法

---

是否有任何默认属性向用户显示图标以打开日历？

我遇到了同样的问题，以下是对我有效的解决方案：
HTML:

---

我也遇到了同样的问题，以下是对我有效的解决方案：
HTML:

您必须在元素上添加class=“ngx daterangepicker action”，处理程序为（单击）=“open（）”

并将其添加到组件中

import { DaterangepickerDirective } from 'ngx-daterangepicker-material';
@ViewChild(DaterangepickerDirective) picker: DaterangepickerDirective;
open() {
    this.picker.open();
  }

您必须在元素上添加class=“ngx daterangepicker action”，处理程序为（单击）=“open（）”

并将其添加到组件中

import { DaterangepickerDirective } from 'ngx-daterangepicker-material';
@ViewChild(DaterangepickerDirective) picker: DaterangepickerDirective;
open() {
    this.picker.open();
  }

试试这个

ts文件

 ...
    @ViewChild(DaterangepickerDirective, { static: false }) pickerDirective: DaterangepickerDirective;
  ...
  ...
  openDatepicker() {
    this.pickerDirective.open();
  }

html文件

<button class="btn btn-primary ngx-daterangepicker-action" (click)="openDatepicker()">
      Open
    </button>

打开

试试这个

ts文件

 ...
    @ViewChild(DaterangepickerDirective, { static: false }) pickerDirective: DaterangepickerDirective;
  ...
  ...
  openDatepicker() {
    this.pickerDirective.open();
  }

html文件

<button class="btn btn-primary ngx-daterangepicker-action" (click)="openDatepicker()">
      Open
    </button>

打开