如何在 Vue 的 Kendo UI 中启用文化支持？答案

【问题标题】：How to enable culture support in Kendo UI for Vue?如何在 Vue 的 Kendo UI 中启用文化支持？
【发布时间】：2018-03-23 08:39:52
【问题描述】：

我的网站中使用了Vue PWA template 和Kendo UI for Vue。还有日历组件，需要将其文化设置为“ru-RU”。

在简单的 jQuery 应用程序中，我会使用代码（来自 Globalization Overview）：

<script src="kendo.culture.ru-RU.js"></script>

<script type="text/javascript">
     //set current to the "ru-RU" culture script
     kendo.culture("ru-RU");
</script>

这将完美地工作。

Vue App中设置文化的常用方法是什么？

【问题讨论】：

标签： vue.js kendo-ui culture kendo-ui-vue

【解决方案1】：

我无法在文档中找到任何官方方式。我直接在我的 Vue 组件中使用了解决方法 (костыль)：

<!-- HTML -->
<kendo-calendar culture="ru-RU"> </kendo-calendar> 

// JavaScript
beforeCreate () {
  window.kendo.cultures['ru-RU'] = {
    name: 'ru-RU',
    numberFormat: {
      pattern: ['-n'],
      decimals: 2,
      ',': ' ',
      '.': ',',
      groupSize: [3],
      percent: {
        pattern: ["-n%','n%"],
        decimals: 2,
        ',': ' ',
        '.': ',',
        groupSize: [3],
        symbol: '%'
      },
      currency: {
        name: 'Russian Ruble',
        abbr: 'RUB',
        pattern: ["-n $','n $"],
        decimals: 2,
        ',': ' ',
        '.': ',',
        groupSize: [3],
        symbol: '₽'
      }
    },
    calendars: {
      standard: {
        days: {
          names: ['воскресенье', 'понедельник', 'вторник', 'среда', 'четверг', 'пятница', 'суббота'],
          namesAbbr: ['Вс', 'Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб'],
          namesShort: ['Вс', 'Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб']
        },
        months: {
          names: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'],
          namesAbbr: ['янв', 'фев', 'мар', 'апр', 'май', 'июн', 'июл', 'авг', 'сен', 'окт', 'ноя', 'дек']
        },
        AM: [''],
        PM: [''],
        patterns: {
          d: 'dd.MM.yyyy',
          D: 'd MMMM yyyy "г."',
          F: 'd MMMM yyyy "г." H:mm:ss',
          g: 'dd.MM.yyyy H:mm',
          G: 'dd.MM.yyyy H:mm:ss',
          m: 'd MMMM',
          M: 'd MMMM',
          s: 'yyyy"-"MM"-"dd"T"HH":"mm":"ss',
          t: 'H:mm',
          T: 'H:mm:ss',
          u: 'yyyy"-"MM"-"dd HH":"mm":"ss"Z"',
          y: 'MMMM yyyy',
          Y: 'MMMM yyyy'
        },
        '/': '.',
        ':': ':',
        firstDay: 1
      }
    }
  }

  window.kendo.culture('ru-RU')
}

【讨论】：