如何在 vis.js 时间轴中使用自定义语言环境

Posted 2023-05-08

【中文标题】如何在 vis.js 时间轴中使用自定义语言环境

【英文标题】：How to use custom locale in vis.js timeline

【发布时间】：2019-03-09 04:32:07

【问题描述】：

我正在为一个项目使用 vis.js 时间线，并尝试按照documentation 中的说明添加自定义语言环境。

var options = 
  locales: 
    // create a new locale (text strings should be replaced with localized strings)
    mylocale: 
      current: 'current',
      time: 'time',
    
  ,

  // use the new locale
  locale: 'mylocale'
;

虽然我想让它在没有 moment.js 的情况下工作，但我在 vis.js 之前加载了 moment.js。这是 jsfiddle 上的 example，我希望它可以工作，但它没有。有人可以解释为什么它不像记录的那样工作，或者我错过了一些重要的事情吗？

【参考方案1】：

进行一些挖掘后，您需要按此顺序添加这些行：

首先加载moment js

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>

加载 "fr" 因为您在 JSfiddle 中提供的示例是法语

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/locale/fr.js"></script>

【参考方案2】：

您可以简单地设置您的选项：

const options 
  option: 'fr'

但你需要补充：

<script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.1/moment-with-locales.min.js"></script>

例如，请参阅https://visjs.github.io/vis-timeline/examples/timeline/other/localization.html。