Ich arbeite an einem Angular-Projekt, das eine Kalenderauswahl in einer Form hat. Ich wählte 'ng-pick-datetime' (npmjs.com/package/ng-pick-datetime), um die Kalenderkompatibilität zwischen den Browsern zu erhalten.Vollständig deaktivieren ng-Pick-Datetime Kalendereingabe in einer eckigen Form
Ich habe den Kalender erfolgreich implementiert. Das Problem ist, wie man es vollständig deaktiviert/blockiert (ich brauche das, wenn ein bestimmter Benutzer im Formular ist). Was jetzt passiert, ist, dass das Eingabefeld korrekt deaktiviert wird, wenn [disabled] im Template-Tag den Wert true hat, also kann dort kein Date geschrieben werden.
ABER, Es gibt ein Kreuz im rechten Teil des Feldes, das nie deaktiviert wird, so dass der Benutzer immer auf das Kreuz klicken und das Datum löschen kann, die Eingabe auf null setzen, wenn der Kalender deaktiviert ist oder nicht.
Mein HTML-Template-Code ist wie folgt:
<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>
Wenn eine anderer Code/Infos benötigt werden, ich es schnell zur Verfügung stellen würde, aber ich denke, es ist in erster Linie eine Vorlage Problem.
Screenshot ng-pick-datetime cross
