Ionic 3日期时间选择器未显示天数

Question

我使用以下代码显示仅包含每周天数的日期时间选择器。但是选择器只显示从1到31的数字。

     <ion-list>
        <ion-item>
          <ion-label>Date</ion-label>
          <ion-datetime displayFormat="DDDD" pickerFormat="DDDD">
          </ion-datetime>
        </ion-item>
    </ion-list>

离子日期选择器的文档说“DDDD”将显示天的全名。但它不起作用。有人可以解释我错在哪里吗？

我想在日期时间选择器列表中输入日期的名称，例如星期日，星期一，星期二。

Answer 1

仅在选择日期并关闭日期选择器时显示天数，而不是在图片中显示的屏幕底部打开并显示的日期选择器界面中显示。

您可能希望尝试使用此插件替代ion-datetime：

https://ionicframework.com/docs/native/date-picker/

或

https://www.npmjs.com/package/cordova-plugin-datetimepicker

Answer 2

我也诚实地遇到了这个问题，因为在离子日期时间选择器中无法使用此功能，我只是决定仅在几天内使用自己的select，然后再使用该时间作为选择器。

     <ion-item>
        <ion-select [(ngModel)]="selectedDay">
            <ion-option [value]="day" *ngFor="let day of daysOfWeek">{{ day }}</ion-option>
        </ion-select>
    </ion-item>
    <ion-item>
        <ion-datetime displayFormat="h:00 a" pickerFormat="h a" [(ngModel)]="selectedHour"></ion-datetime>
    </ion-item>

daysOfWeek只是一个数组：

 daysOfWeek = ['Sunday', 'Monday', 'Tuesday', 'Wednsday', 'Thursday', 'Friday', 'Saturday']

然后使用selectedDay和selectedHour创建时间戳。

Answer 3

因此，离子离子（Ionic）替换了DDD中的DDDD和pickerFormat。我不知道为什么。 这段代码在ion-datetime模板中：

template.replace('DDDD', '{~}').replace('DDD', '{~}');

如果您必须在选择器中显示日期，最好是使用外部模块，例如Angular Material或使用日期数组来制作自己的select。

Answer 4

嘿，您可以在这里获得DAY MONTH YEAR和HOUR MINUTE，如果需要，可以删除HOUR和MINUTE

<ion-datetime displayFormat="DD MMM, YYYY  HH:mm" [min]="minDate" [max]="maxDate" cancelText="Annuler" doneText="Valider" #datePicker"></iondatetime>