要在单击日历字段时禁用离子应用程序中的键盘

Question

我正在使用我的离子应用程序。 一切正常。当我为“日期”字段选择日历时，其在移动应用程序中的显示键盘。

我想在单击日历输入字段时禁用该键盘。

我尝试过了...

    <p-calendar showTime="showTime" id="someThing" placeholder="Start Date & Time" hourFormat="24" [minDate]="minDate"
    [defaultDate]="minDate" (click)="onPickDate()" formControlName="pick_up_datetime" [touchUI]="true" [showIcon]="true" (ionFocus)="keyboard_show()">

和如下所示的ts文件

import {Keyboard} from '@ionic-native/keyboard';

constructor(private keyboard: Keyboard) {
   }
  keyboard_show(){
   this.keyboard.hide();
  }

但无法正常工作。

Answer 1

经过研究，我找到了可行的解决方案，

在<p-calendar></p-calendar>中有一个默认伪指令[readonlyInput]="true"，像这样将其添加到p-calendar中。

<p-calendar [showTime]="true"  formControlName="pick_up_datetime" [touchUI]="true" [showIcon]="true" [readonlyInput]="true"></p-calendar>

它将起作用。