Kendo DateTimePicker 文化不起作用 Asp.net MVC
Kendo DateTimePicker Culture Doesn't work Asp.net MVC
我有一个 kendo 数据选择器来显示日期,我想用法语显示日期信息,因为我在我的布局页面中使用了高效的脚本,如下所示:
<script>
kendo.Culture("fr-FR");
</script>
<script src="~/Scripts/kendo/culture/kendo.fr-FR.js"></script>
<script src="~/Scripts/kendo/kendo.tooltip.min.js"></script>
</script>
我什至添加了全球化脚本,但即使这样文化也没有改变:
![<script type="text/javascript" src="~/scripts/globalize/globalize.js"></script>
<script type="text/javascript" src="~/scripts/globalize/cultures/globalize.culture.fr-FR.js"></script>][1]
这是我的 kendo 数据选择器图像:
@chxzy 这是我的 kendo 数据选择器
@(Html.Kendo().DatePickerFor(m => m./****).Events(e => e.Open("onOpen")).Footer("Today - #=kendo.toString(data, 'd') #").MonthTemplate("# if ($.inArray(+data.date, birthdays) != -1) { #" +
"<div class=\"birthday\"></div>" +
"# } #" +
"#= data.value #")
.HtmlAttributes(new { @class = "form-control" })
.Culture("fr-FR")
)
这是我的脚本代码:
var today = new Date(),
birthdays = [
+new Date(today.getFullYear(), today.getMonth(), 11),
+new Date(today.getFullYear(), today.getMonth() + 1, 6),
+new Date(today.getFullYear(), today.getMonth() + 1, 27),
+new Date(today.getFullYear(), today.getMonth() - 1, 3),
+new Date(today.getFullYear(), today.getMonth() - 2, 22)
];
function onOpen() {
var dateViewCalendar = this.dateView.calendar;
if (dateViewCalendar) {
dateViewCalendar.element.width(340);
}
};
您是否在包含相应的文化 JavaScript 文件之前调用 kendo.Culture("fr-FR");
。
如果是这样,请先包含您的 js 文件,然后调用 kendo.Culture...
<script src="~/Scripts/kendo/culture/kendo.fr-FR.js"></script>
<script src="~/Scripts/kendo/kendo.tooltip.min.js"></script>
<script>
kendo.Culture("fr-FR");
</script>
能否请您尝试将以下内容添加到您的日期选择器 js 代码中。
$("#datePicker").kendoDatePicker({
culture: "fr-FR",
//....
})
编辑
查看您的 Kendo MVC 代码后,您能否尝试更改以下内容,因为我认为手动指定页脚的格式可以解决此问题。
这个:
.Footer("Today - #=kendo.toString(data, 'd') #")
对此:
.Footer("Today - #=kendo.toString(data, 'dd/MM/yyyy') #")
我有一个 kendo 数据选择器来显示日期,我想用法语显示日期信息,因为我在我的布局页面中使用了高效的脚本,如下所示:
<script>
kendo.Culture("fr-FR");
</script>
<script src="~/Scripts/kendo/culture/kendo.fr-FR.js"></script>
<script src="~/Scripts/kendo/kendo.tooltip.min.js"></script>
</script>
我什至添加了全球化脚本,但即使这样文化也没有改变:
![<script type="text/javascript" src="~/scripts/globalize/globalize.js"></script>
<script type="text/javascript" src="~/scripts/globalize/cultures/globalize.culture.fr-FR.js"></script>][1]
@chxzy 这是我的 kendo 数据选择器
@(Html.Kendo().DatePickerFor(m => m./****).Events(e => e.Open("onOpen")).Footer("Today - #=kendo.toString(data, 'd') #").MonthTemplate("# if ($.inArray(+data.date, birthdays) != -1) { #" +
"<div class=\"birthday\"></div>" +
"# } #" +
"#= data.value #")
.HtmlAttributes(new { @class = "form-control" })
.Culture("fr-FR")
)
这是我的脚本代码:
var today = new Date(),
birthdays = [
+new Date(today.getFullYear(), today.getMonth(), 11),
+new Date(today.getFullYear(), today.getMonth() + 1, 6),
+new Date(today.getFullYear(), today.getMonth() + 1, 27),
+new Date(today.getFullYear(), today.getMonth() - 1, 3),
+new Date(today.getFullYear(), today.getMonth() - 2, 22)
];
function onOpen() {
var dateViewCalendar = this.dateView.calendar;
if (dateViewCalendar) {
dateViewCalendar.element.width(340);
}
};
您是否在包含相应的文化 JavaScript 文件之前调用 kendo.Culture("fr-FR");
。
如果是这样,请先包含您的 js 文件,然后调用 kendo.Culture...
<script src="~/Scripts/kendo/culture/kendo.fr-FR.js"></script>
<script src="~/Scripts/kendo/kendo.tooltip.min.js"></script>
<script>
kendo.Culture("fr-FR");
</script>
能否请您尝试将以下内容添加到您的日期选择器 js 代码中。
$("#datePicker").kendoDatePicker({
culture: "fr-FR",
//....
})
编辑
查看您的 Kendo MVC 代码后,您能否尝试更改以下内容,因为我认为手动指定页脚的格式可以解决此问题。
这个:
.Footer("Today - #=kendo.toString(data, 'd') #")
对此:
.Footer("Today - #=kendo.toString(data, 'dd/MM/yyyy') #")