Angular形式のng-pick-datetimeカレンダー入力を完全に無効にします。

Question

私は、カレンダーのピッカーをフォームに持つAngularプロジェクトに取り組んでいます。クロスブラウザのカレンダーとの互換性を得るために、「ng-pick-datetime」（npmjs.com/package/ng-pick-datetime）を選択しました。

私はカレンダーを正常に実装しました。問題は、それを完全に無効にする/ブロックする方法です（特定のユーザーがフォームに含まれている場合に必要です）。今のところテンプレートタグで[無効]がtrueの場合、入力フィールドが正しく無効になるため、そこに日付を書き込むことはできません。

BUT、無効になることのないフィールドの右側に十字があります。です。そのため、ユーザーは常に十字をクリックし、日付を消去して、入力をnullに設定できます。か否か。次のように

私のHTMLテンプレートのコードは次のとおりです。他のコード/情報は、私はすぐにそれを提供します必要な場合

<div class="input-control col-sm-6" [class.has-error]="endDate.invalid && endDate.dirty"> 
    <label class="control-label" for="endDate">End date *</label> 
    <owl-date-time 
     [(ngModel)]="data.endDate" 
     [dateFormat]="'DD-MM-YYYY'" 
     [inputId]="'endDate'" 
     [placeHolder]="'dd-mm-aaaa'" 
     [type]="'calendar'" 
     [autoClose]="'true'" 
     id="endDate" 
     name="endDate" 
     #endDate="ngModel" 
     [disabled]="!paramsService.isSolicitante()" 
     required="required"> 
    </owl-date-time > 
</div> 

、私はそれは主に、テンプレートの問題だと思います。

Screenshot ng-pick-datetime cross

Answer 1

[hideClearButton]プロパティがあるように見える、docsでbooleanを使用して設定することができます。

trueに指定すると、ピッカーの入力明確なアイコンが非表示になります。