Ionic DateTime组件将日期名称显示为“undefined”

时间:2018-04-18 14:23:38

标签: ionic-framework ionic2 ionic3

我的DateTime组件将我的日期名称显示为undefined:

HTML

<ion-item>
   <ion-label>Data</ion-label>
   <ion-datetime displayFormat="DDDD DD MMMM" pickerFormat="DD MMMM" [(ngModel)]="myDate"></ion-datetime>
</ion-item>

APP.MODULE应用翻译:

IonicModule.forRoot(MyApp, {
   monthNames: ['Janeiro', 'Fevereiro', 'Mar\u00e7o','Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
   monthShortNames: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'],
   dayNames: ['Domingo', 'Segunda-feira', 'Ter\u00e7a-feira', 'Quarta-feira', 'Quinta-feira', 'Sexta-feira', 'S\u00e1bado' ],
   dayShortNames: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'S\u00e1b' ]
})

打印 enter image description here

任何人都知道为什么?!

3 个答案:

答案 0 :(得分:2)

您应该在选择器中包含年份,然后显示日期名称,因为星期几取决于年份和月份,并且没有此数据就无法计算

displayFormat="DDD, MMM D" pickerFormat="YYYY MMM DD"

答案 1 :(得分:1)

我有类似的问题。我用这种方式解决了它:

<强> page.html中:

    <i>{{getDate(item.date)}}</i> 

<强> Page.ts:

    getDate(date) {
        // sunday, monday, tuesday...etc... by russian
        let dayNames = ["Воскресенье", "Понедельник", "Вторник", "Среда", "Четверг", "Пятница", "Суббота"]; 
        date = new Date(date);
        let day = dayNames[date.getDay()];
        return day
    }

我希望它可以帮到你!

答案 2 :(得分:0)

我这样给。显示屏上显示了日期。

<ion-datetime display-format="DDD, MMM DD, YYYY" [min]="minDate" [max]="maxYear" picker-format="MMM DD, YYYY"
                formControlName="startDate"></ion-datetime>