Javascript JQuery日期选择器语言工作不正常

我在项目中使用jquery日期选择器，并且需要使用本地语言

我需要通过

gon.locale

（rails工具）从后端传递语言

这是我的ts代码

 const search_legs_1_datepicker = $("#search_legs_1_datepicker");
var leg_1_datepicker = $("#search_legs_1_datepicker").datepicker({

  language: gon.locale,
  classes: 'inline-picker',
  altField: '#search_legs_1_date',
  defaultDate: new Date(search_legs_1_datepicker.attr("data-defaultDate")),
  minDate: new Date(search_legs_1_datepicker.attr('data-mindate')),
  maxDate: new Date(search_legs_1_datepicker.attr('data-maxdate')),
  altFormat: 'yy-mm-dd',
  onSelect: (formattedDate, date, inst) => {
    if ($("#search_legs_1_hotel_date").length > 0) {
      $('#search_legs_0_hotel_date').datepicker().data('datepicker').update('maxDate', date);
      $('#search_legs_1_hotel_date').datepicker().data('datepicker').update('maxDate', date);
      $('#search_legs_1_hotel_date').datepicker().data('datepicker').datepicker("setDate", date);
    }
  }
})

我用控制台检查了

gon.locale

，得到了

sv-SE

，所以它是pass语言

我也试着这样做

language:"sv-SE"

它不太管用

但由于某些原因，我的约会选择者们有

en

---

我的问题在哪里

检查您是否有语言文件

Datepicker支持本地化其内容以满足 不同的语言和日期格式。每个本地化都包含在内 在其自己的文件中，名称后附加语言代码，例如。， 法语的jquery.ui.datepicker-fr.js。所需的本地化文件 应包含在主日期选择器代码之后。每个本地化 文件将其选项添加到可用的本地化和 自动将它们作为默认值应用于所有实例

---

本地化文件可以在那里找到：

您需要包括语言文件，然后将默认语言设置为“sv”

输入字段上的日期选择器：
const search_legs_1_datepicker=$（“#search_legs_1_datepicker”）；
var leg_1_datepicker=$（“#搜索_legs_1_datepicker”）.datepicker({
//语言：gon.locale，
类：“内联选择器”，
altField:“#搜索腿(1)日期”，
defaultDate：新日期（搜索\u legs\u 1\u datepicker.attr（“数据默认日期”），
minDate:新日期（search_legs_1_datepicker.attr（'data-minDate'）），
maxDate:新日期（search\u legs\u 1\u datepicker.attr（'data-maxDate'）），
altFormat:'年-月-日'，
onSelect：（格式化日期、日期、仪器）=>{
如果（$（“#搜索#腿#1#酒店#日期”）。长度>0）{
$（'search_legs_0_hotel_date'）.datepicker（）.data（'datepicker'）.update（'maxDate'，date）；
$（'search_legs_1_hotel_date'）.datepicker（）.data（'datepicker'）.update（'maxDate'，date）；
$（'search_legs_1_hotel_date'）.datepicker（）.data（'datepicker'）.datepicker（“setDate”，date）；
}
}
})
$.datepicker.setDefaults（$.datepicker.regional['sv']）；

此文件支持所有语言-“”

---

如果您想包含特定的文件，那么从这里获取特定的langauge文件

你看这里了吗？这是你想要的答案吗？好的，但是我需要把语言文件放在哪里？@SANAWhere我需要把语言文件放在哪里？它写在引文中。所需的本地化文件应包含在主日期选择器代码之后。现在我想你有了这些元素。另外，我在他们的github中没有看到datepicker-sv-SE.js，所以也许您应该尝试从后端获取

sv

，而不是

sv-SE

。你要包括的文件是这个谢谢它的帮助。

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/i18n/jquery-ui-i18n.min.js"></script>

Date Picker on input field: <input type="text" id="search_legs_1_datepicker" name="date1"/>



const search_legs_1_datepicker = $("#search_legs_1_datepicker");
var leg_1_datepicker = $("#search_legs_1_datepicker").datepicker({

  //language: gon.locale,
  classes: 'inline-picker',
  altField: '#search_legs_1_date',
  defaultDate: new Date(search_legs_1_datepicker.attr("data-defaultDate")),
  minDate: new Date(search_legs_1_datepicker.attr('data-mindate')),
  maxDate: new Date(search_legs_1_datepicker.attr('data-maxdate')),
  altFormat: 'yy-mm-dd',
  onSelect: (formattedDate, date, inst) => {
    if ($("#search_legs_1_hotel_date").length > 0) {
      $('#search_legs_0_hotel_date').datepicker().data('datepicker').update('maxDate', date);
      $('#search_legs_1_hotel_date').datepicker().data('datepicker').update('maxDate', date);
      $('#search_legs_1_hotel_date').datepicker().data('datepicker').datepicker("setDate", date);
    }
  }
})


$.datepicker.setDefaults($.datepicker.regional['sv']);