如何在按下按钮后使日期选择器不可选（只读）

Question

现在我有一个约会选择器， 我想在选择一天并按下确认按钮后使其变为只读。 现在我可以将我选择的内容放入标签中。 我该怎么办？

<button ion-button outline icon-right (click)="openit()">
  <ion-label>{{date}}</ion-label>
  <ion-icon name="calendar"></ion-icon>

我只想看到没有图标的日期

Answer 1

如果我理解正确，您点击按钮打开日期选择器？

对于这种情况，您可以将按钮的禁用状态设置为true并停止将来使用，或者直到页面重新加载等。

在您的<button...行中添加已禁用的属性，例如：

<button ion-button [disabled]="disabled" outline icon-right (click)="openit()">

然后，您需要通过添加以下内容来修改openit()方法：

this.disabled="true"; 

让我知道这是否有效： - ）