Угловой формат даты на основе локали - PullRequest
0 голосов
/ 19 марта 2019

У меня есть приложение Angular 2, в котором у меня мало вводов типа date.По умолчанию эти даты отображаются в формате MM/dd/YYYY.Мне нужно, чтобы они были в формате dd.MM.YYYY.Я обнаружил, что это может быть установлено в app.module.ts, чтобы вы указали регион, который имеет этот формат.Часть кода, которая должна выполнить эту работу:

@NgModule({
 .
 .
 .
  providers: [AuthGuard, {provide: LOCALE_ID, useValue: 'sl'}],
  bootstrap: [AppComponent]
})

Это HTML-часть, которую я хочу отформатировать

<div class="col-lg-3">
  <fieldset class="form-group">
    <label>Birth date:</label>
    <div class="form-group input-group">
      <div class="input-group-append">
        <span class="input-group-text">
          <i class="fa fa-birthday-cake" aria-hidden="true"></i>
        </span>
      </div>
      <input class="form-control" type="date" [ngModel]="birthDate" />
    </div>
  </fieldset>
</div>

У кого-нибудь есть идеи, почему это не работает?

1 Ответ

0 голосов
/ 20 марта 2019

После долгих исследований я обнаружил, что мы не можем изменить формат отображения <input type="date">. Единственный способ изменить это - изменить настройки Chrome, чтобы использовать местный язык. Чтобы заархивировать то, что я пытался сделать, вы должны использовать средство выбора даты.
Вот пример:
Сборщик материалов Angulat
А для более подробного прочтения ответа Chrome на мой вопрос, вот ссылка (примечание от 2012 года, но оно все еще работает, как и тогда):
Chrome и тип ввода даты
Спасибо всем за ваше время

...