Ionic 2 datetime显示错误的一年

Question

我在ion-datetime中显示格式有问题。我不知道为什么离子2会削减一年中最后2个字符。

我有代码：

   <ion-datetime displayFormat="MMM DD, YYYY" [(ngModel)]="form.dateOfBirth" name="dateOfBirth"></ion-datetime>

结果是：

列宽是一个问题。我该如何覆盖这个尺寸？

Answer 1

.picker-col{
//here write your custom style to increase width
min-width:64px
}

Answer 2

对于离子2 我通过为ios和android

添加以下各个variables.scss来找出解决方案

$picker-md-column-padding: 0 0px !default;
$picker-ios-column-padding: 0 0px !default;

Answer 3

 You can try this code it's works for me hope it will help you.

date.html

 <ion-list>
        <ion-item >
            <ion-label class="capitalize">Date</ion-label>
            <ion-datetime  displayFormat="MMM DD YYYY"[(ngModel)]="dateData" (ionChange)="dateChanged()"></ion-datetime>
        </ion-item>
    </ion-list>

showDate.ts

import { Component } from '@angular/core';
@Component({
    selector: 'date',
    templateUrl: 'date.html'
})
export class Date {
        dateData: string;
    constructor() { }
    dateChanged() {
        console.log(this.dateData)
}
}