我正在使用以下代码显示仅包含每周日期的日期时间选择器。但是选择器只显示从 1 到 31 的数字。
<ion-list>
<ion-item>
<ion-label>Date</ion-label>
<ion-datetime displayFormat="DDDD" pickerFormat="DDDD">
</ion-datetime>
</ion-item>
</ion-list>
离子日期选择器的文档说“DDDD”将显示日期的全名。但它不起作用。有人能解释我哪里错了吗？
我想在日期时间选择器列表中包含日期名称，例如-星期日、星期一、星期二。
【问题讨论】：
标签： ionic2 ionic3 datetimepicker
您可以在这里获取 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>
【讨论】：
所以 Ionic 替换了 pickerFormat 中的 DDD 和 DDDD。我不知道为什么。
此代码在ion-datetime 模板中：
template.replace('DDDD', '{~}').replace('DDD', '{~}');
如果您必须在选择器中显示日期，最好使用外部模块，例如 Angular Material 或使用日期数组创建自己的 select。
【讨论】：
老实说，我也遇到了这个问题，因为这在 ion-datetime 选择器中不可用，我只是决定在几天内使用我自己的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 我可以创建我的时间戳。
【讨论】：
只有在选择日期并关闭日期选择器时才会显示日期名称，而不是在打开并显示在屏幕底部的日期选择器界面中，如您在图片中显示的那样。
您可能想试试这个插件作为ion-datetime 的替代品：
https://ionicframework.com/docs/native/date-picker/
或
【讨论】：