I have a kendo data picker to display the date, I want to have the date information in French for that I used the efficient script in my layout page like bellow:
<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>
I even add the globalize script but even that the culture doesn’t change:
![<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]
This my kendo datapicker image:
@chxzy here is my kendo datapicker
@(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")
)
and here is my script code:
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);
}
};