# Локализация дат
Поддержка с версии
🆕 7.0+
Можно выполнять локализацию дат по соответствующему формату.
Пример формата для дат:
const dateTimeFormats = {
'en-US': {
short: {
year: 'numeric',
month: 'short',
day: 'numeric'
},
long: {
year: 'numeric',
month: 'short',
day: 'numeric',
weekday: 'short',
hour: 'numeric',
minute: 'numeric'
}
}
}
Как видно выше, можно определять именованный формат даты (например, short
, long
и т.д.) используя опции ECMA-402 Intl.DateTimeFormat
После этого, для возможности использования данного формата в сообщениях локализации, необходимо задать опцию dateTimeFormats
в конструкторе VueI18n
:
const i18n = new VueI18n({
dateTimeFormats
})
new Vue({
i18n
}).$mount('#app')
Шаблон:
<div id="app">
<p>{{ $d(new Date(), 'short') }}</p>
<p>{{ $d(new Date(), 'long', 'ru-RU') }}</p>
</div>
Результат:
<div id="app">
<p>Apr 19, 2017</p>
<p>2017年4月19日(水) 午前2:19</p>
</div>