以Angular形式完全禁用ng-pick-datetime日历输入

Question

我正在开发一个Angular项目，它在表单中有一个日历选择器。我选择'ng-pick-datetime'（npmjs.com/package/ng-pick-datetime）来获得跨浏览器日历兼容性。

我已经成功实施了日历。问题是如何完全禁用/阻止它（当某个用户在表单中时我需要这个）。现在发生的事情是，当模板标签中的[disabled]为真时，输入字段被正确禁用，因此不能在那里写入日期。

但是，字段右侧有一个永远不会被禁用的十字，因此用户始终可以点击该十字并删除日期，将输入设置为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时，将隐藏选择器的输入清除图标。