如何为离子日期时间选择器设置 pickerOptions 内联？

Question

我正在阅读this link 中的pickerOptions 属性

我正在设置

<ion-datetime [(ngModel)]="startDatetime"
              (ionChange)="setStartDatetime()"
              displayFormat="MMM DD,YYYY - HH:mm"
              placeholder="Select Start Datetime"
              pickerOptions="{backdropDismiss:false}">
</ion-datetime>

但它不起作用。我还根据this issue 尝试了pickerOptions={{backdropDismiss:false}} 并得到语法错误。

我可以通过

在我的 js 中设置它

var customPickerOptions = document.getElementById('customPickerOptions');
    customPickerOptions.pickerOptions = {backdropDismiss:false};

在 html 中将其设置为内联的正确语法是什么？

Answer 1

魔术就在大括号里 试试看

[pickerOptions]="{backdropDismiss:false}"

Answer 2

试试这个

在.TS中

pickerOptions = {
    mode: 'md'
  };

在 HTML 中

<ion-datetime [pickerOptions]="pickerOptions" cancelText="Cancelar" doneText="Hecho"></ion-datetime>