ngbDatepicker 입력 사용 안 함

Question

Im ngbDatepicker 및 ng2-datepicker-jalali을 사용합니다. 내가 이 날짜 선택기에서 선택 날짜를 강제로 입력을 해제하기 위해 노력하고있어

<div class="input-group" dir="ltr"> 
     <input class="form-control" 
      placeholder="yyyy/m/d" 
      name="dp" 
      [(ngModel)]="registerDate" 
      ngbDatepicker 
      [firstDayOfWeek] = "6" 
      [disabled]="disabled" 
      #d="ngbDatepicker" > 
      <button class="input-group-addon" (click)="d.toggle()" type="button"> 
       <i class="fa fa-calendar"></i> 
      </button> 
    </div> 

: 나는 ngbDatepicker 지시 아래와 같이 사용합니다. [disabled]="disabled" attr는 전체 datepicker를 비활성화합니다.

Answer 1

당신은 사용할 수 있습니다

[readonly]="true" 

을 사용자를 의미 읽기 전용 입력에 입력을 전환하는 효과를 가지고있는 <input>에 강요 당할 것이다 날짜 선택하여 선택 :

<div class="input-group" dir="ltr"> 
    <input class="form-control" 
    placeholder="yyyy/m/d" 
    name="dp" 
    [(ngModel)]="model" 
    ngbDatepicker 
    [firstDayOfWeek] = "6" 
    [readonly]="true" 
    #d="ngbDatepicker" > 
    <button class="input-group-addon" (click)="d.toggle()" type="button"> 
     <i class="fa fa-calendar"></i> 
    </button> 
</div> 

을 유일한 문제는 입력에서 텍스트를 삭제하지 않고 datepicker를 지울 수있는 방법이 없으므로 필요한 경우 날짜를 지우는 버튼을 구현해야 할 수 있습니다.

<button (click)="clear()" type="button">Clear</button> 

public clear(): void { 
    this.model = undefined; 
} 

다음은 데모입니다. http://plnkr.co/edit/gYneFD?p=preview