使用DD-MM-YYYY格式的Angular2材质日期选择器问题,同时打开日期选择器弹出窗口

时间:2017-09-08 11:56:41

标签: angular datepicker angular2-forms angular-material2

我已应用自定义日期适配器。但是打开选择器时需要将当前月份作为显示视图。

这是我的代码:

export class MyDateAdapter extends NativeDateAdapter {

    format(date: Date, displayFormat: Object): string {
        if (displayFormat === 'input') {
            const day = date.getDate();
            const month = date.getMonth() + 1;
            const year = date.getFullYear();
            return `${day}-${month}-${year}`;
         } else {
             return date.toDateString();
         }
    }
}

const MY_DATE_FORMATS = {
parse: {
    dateInput: 'dd-mm-YYYY',// { month: 'short', year: 'numeric', day: 'numeric' },
},
display: {
    dateInput: 'input',
    monthYearLabel: { year: 'numeric', month: 'numeric' },
    dateA11yLabel: { year: 'numeric', month: 'long', day: 'numeric' },
    monthYearA11yLabel: { year: 'numeric', month: 'long' },
},

};

{ provide: DateAdapter, useClass: MyDateAdapter },
{ provide: MD_DATE_FORMATS, useValue: MY_DATE_FORMATS },

1 个答案:

答案 0 :(得分:1)

您可以使用属性[startAt][(ngModel)]的约束值强制日期选择器显示您选择的日期。

使用自定义日期格式时,material2组件存在问题。