a2e datetimepicker - Datetimepicker не отображается ни на фокусе ввода, ни на значке - PullRequest
Новая
       10

a2e datetimepicker - Datetimepicker не отображается ни на фокусе ввода, ни на значке

0 голосов
/ 11 июня 2018

Я использую a2e datetimepicker.Я хочу открыть указатель даты и времени как для фокуса ввода, так и для значка.Но оба не работают вместе.

Вот мой код.

1) В этом указателе даты будет открываться при нажатии на значок, но не в фокусе ввода. 

          <label class="col-lg-4 control-label my-label">Date of Birth</label>
          <div class="col-lg-8">
            <div class="input-group" [ngClass]="{'has-error' : (BirthDate.invalid && IsBtnClicked)}">
              <input class="form-control" tabindex="1" a2e-datetimepicker [(ngModel)]="EmpPersonalDetails.DateOfBirth" [options]="options"
                #BirthDate="ngModel" name="BirthDate" required />
              <span class="input-group-addon">
                <span class="fa fa-calendar nopad2 fa-lg"></span>
              </span>
            </div>
                </div>

2) В этом указателе даты откроется фокус ввода, но не при нажатии на значок. 

<label class="control-label my-label">From Date</label>
        <div>
          <div class="input-group">
            <input class="form-control" (focus)="onFocus(fromDatePicker)" a2e-datetimepicker [(ngModel)]="fromDate" [options]="options"
              name="fromDate" />
            <span class="input-group-addon" (click)="onFocus(fromDatePicker)">
              <span class="fa fa-calendar nopad2 fa-lg" #fromDatePicker></span>
            </span>
          </div>
        </div>

И событие фокусировки в ts: 

onFocus(element) {
    element.click();
}

Я попытался объединить обаиз них, но все еще не работает.

...