MyDateRangePicker Angular4如何与输入字段绑定?

我用过 mydaterangepicker 在Angular4项目的表单输入中显示日期选取器日历。

我在组件中使用了以下代码:

import { Component, OnInit, AfterViewInit, Input, Output, EventEmitter } from '@angular/core';
import { IMyDrpOptions } from 'mydaterangepicker';
declare let jQuery: any;
@Component({
  selector: 'form-schedule',
  templateUrl: './form-schedule.component.html',
  styleUrls: ['./form-schedule.component.css']
})

  myDateRangePickerOptions: IMyDrpOptions = {
    dateFormat: 'yyyy-mm-dd',
    sunHighlight: false,
    showClearDateRangeBtn: false,
    editableDateRangeField: false
  };

HTML

   <div class="col-sm-9">
            <div>
                    <my-date-range-picker name="daterange" [options]="myDateRangePickerOptions"
                    [(ngModel)]="scheduleModel"  (dateRangeChanged)="onDateRangeChanged($event)"></my-date-range-picker>
            </div>

    </div>

显示日期选取器的父窗体:

我只使用了MyDateRangePicker模块在表单中显示了DatePicker字段。但是日期选择器出现在日历图标的单击上,而不是输入字段的单击上。 我找不到任何解决方案来更改此配置。

需要帮助!