Угловая локаль matDatepicker не набирает текст в поле ввода - PullRequest
Новая
       11

Угловая локаль matDatepicker не набирает текст в поле ввода

0 голосов
/ 15 октября 2018

Если я использую средство выбора даты, как в 

<mat-form-field>
  <input matInput [matDatepicker]="picker" placeholder="Choose a date">
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

, и устанавливаю язык как в 

  providers: [    
    { provide: LOCALE_ID, useValue: 'it-IT' },
    { provide: MAT_DATE_LOCALE, useValue: 'it-IT' }]

, это работает, если пользователь выбирает дату из средства выбора, но если он печатает внутриВ поле ввода дата не анализируется правильным образом.Например: итальянский формат - дд / мм / гггг, если пользователь выберет в поле 31 марта 2018 года поле «31/03/2018» (это нормально), но если он введет «31/03/2018», дата не будетподтвердить (но это действительная итальянская дата).Если он напечатает «03/05/2018», мы получим 5 марта вместо 3 мая.Это ошибка в угловом материале или я допустил некоторые ошибки?

Я также попробовал 'it' вместо 'it-IT'.

1 Ответ

0 голосов
/ 15 января 2019

В соответствии с примером углового материала вы можете использовать это 

import {Component} from '@angular/core';
import {MAT_MOMENT_DATE_FORMATS, MomentDateAdapter} from '@angular/material-moment-adapter';
import {DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE} from '@angular/material/core';

/** @title Datepicker with different locale */
@Component({
  selector: 'datepicker-locale-example',
  templateUrl: 'datepicker-locale-example.html',
  styleUrls: ['datepicker-locale-example.css'],
  providers: [
    // The locale would typically be provided on the root module of your application. We do it at
    // the component level here, due to limitations of our example generation script.
    {provide: MAT_DATE_LOCALE, useValue: 'ja-JP'},

    // `MomentDateAdapter` and `MAT_MOMENT_DATE_FORMATS` can be automatically provided by importing
    // `MatMomentDateModule` in your applications root module. We provide it at the component level
    // here, due to limitations of our example generation script.
    {provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE]},
    {provide: MAT_DATE_FORMATS, useValue: MAT_MOMENT_DATE_FORMATS},
  ],
})

Убедитесь, что вы npm install --save package @angular/material-moment-adapter или yarn add package @angular/material-moment-adapter

...