Пользовательский Datepicker в модальном всплывающем окне Ngx-bootstrap - PullRequest
Новая
       55

Пользовательский Datepicker в модальном всплывающем окне Ngx-bootstrap

0 голосов
/ 12 марта 2019

Я хочу настроить всплывающее окно dategicker ngx-bootstrap и хочу добавить кнопку в календарь, в котором есть какая-то ссылка.

Я попытался добавить кнопки в шаблон DatePicker. Он работает на других страницах, но не может видеть добавленный пользовательский контент в шаблоне datepicker внутри модального всплывающего окна ngx-bootstrap.

Я получил ссылку на добавление пользовательского шаблона из здесь .

Здесь Я добавляю работающий код стекаблица для пользовательского средства выбора даты внутри и снаружи модального всплывающего окна. 

 <div class="modal-header">
  <h4 class="modal-title pull-left">Modal with Datepicker</h4>
  <button type="button" class="close pull-right" aria-label="Close" (click)="modalRef.hide()">
    <span aria-hidden="true">&times;</span>
  </button>
</div>
<div class="modal-body">
  <div class="test-box">
    <h4>Datepicker</h4>
    <div class="form-group">
      <div class="div-container">
        <input type="text"
              #dp="bsDatepicker" 
              class="form-control"
              autocomplete="off" 
              bsDatepicker 
              [(bsValue)]="myDateValue"
              [bsConfig]="datePickerConfig">
        <div class="custom-content position-absolute" *ngIf="dp.isOpen">
          <a (click)="customAction()">{{myDateValue | date:'short'}}</a>
        </div>
      </div>
    </div>
  </div>
</div>
...