如何在 Kendo UI 中为 Vue 启用文化支持？

Question

我的网站中使用了 Vue PWA template and Kendo UI for Vue。还有 Calendar 组件，需要将它的 culture 设置为 "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中设置culture的常用方式是什么？

Answer 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')
}

如何在 Kendo UI 中为 Vue 启用文化支持？

How to enable culture support in Kendo UI for Vue?

culture

kendo-ui

vue.js

kendo-ui-vue