mydaterangepicker angular4 如何与输入字段绑定？

Question

我使用mydaterangepicker 在 Angular 4 项目的表单输入中显示日期选择器日历。

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

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 字段。但是日期选择器出现在单击日历图标而不是输入字段时。 我没有找到任何解决方案来更改此配置。

需要帮助！

Answer 1

您可以使用属性openSelectorOnInputClick 启用对输入字段单击的编辑。