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

あなたは使用することができます：ユーザーが日付ピッカーを使用して選択するように強制されますを意味し、読み取り専用の入力への入力を回すの効果があり<input>上

[readonly]="true" 

を：

<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