jQuery UI Widgets Forums Editors Calendar how can i customize calendar to show French?

This topic contains 5 replies, has 5 voices, and was last updated by  hellyeah 7 years, 1 month ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author

  • nicola

    how can i customize calendar to show French or other calendars?


    Hi nicola,

    In order to display a French calendar, you need to do the following:

    1. Include the jquery.global.js and jquery.glob.fr-FR.js scripts

    <script type="text/javascript" src="../../jqwidgets/globalization/jquery.global.js"></script>
    <script type="text/javascript" src="../../jqwidgets/globalization/jquery.glob.fr-FR.js"></script>

    2. Set the jqxCalendar’s culture property to ‘fr-FR’ – the name of the culture in the jquery.glob.fr-FR.js script.

    $(“#jqxCalendar”).jqxCalendar({ culture: ‘fr-FR’ });

    Best Regards,


    George, where in the script should go the second step. I couldn’t get it work.
    Thanks in advance.
    Best regards,

    Peter Stoev

    Hi Amadeu,

    Setting the Culture to the jqxCalendar is also demonstrated in the jqxCalendar’s Localization demo: http://www.jqwidgets.com/jquery-widgets-demo. You can take a look at the full source code by clicking the “View Source” tab or download the demo and try it locally on your machine. The demo is located in the “jqwidgets-ver1.1.1\demos\jqxcalendar” folder.

    Best Regards,
    Peter Stoev


    Thanks for your help, Peter, but I couldn’t get it work this way. Instead, I edited the jquery.global.js. Now, my calendar is getting the two initial letters of each month name (line 415), but not the short names (namesAbbr line 417) nor the shortest names (namesShort line 419). I couldn’t change the first day of the week to Monday when putting 1 in line 412.
    Thanks again and best regards,
    Amadeu Sanz


    (function( window, undefined ) {

    var Globalize;

    if ( typeof require !== “undefined” &&
    typeof exports !== “undefined” &&
    typeof module !== “undefined” ) {
    // Assume CommonJS
    Globalize = require( “globalize” );
    } else {
    // Global variable
    Globalize = window.Globalize;

    Globalize.addCultureInfo( “tr-TR”, “default”, {
    name: “tr-TR”,
    englishName: “Turkish (Turkey)”,
    nativeName: “Türkçe (Türkiye)”,
    language: “tr”,
    numberFormat: {
    “,”: “.”,
    “.”: “,”,
    “NaN”: “n. def.”,
    negativeInfinity: “-unendlich”,
    positiveInfinity: “+unendlich”,
    percent: {
    pattern: [“-n%”,”n%”],
    “,”: “.”,
    “.”: “,”
    currency: {
    pattern: [“-n $”,”n $”],
    “,”: “.”,
    “.”: “,”,
    symbol: “€”
    calendars: {
    standard: {
    “/”: “.”,
    firstDay: 1,
    days: {
    names: [“Pazar”,”Pazartesi”,”Salı”,”Çarşamba”,”Perşembe”,”Cuma”,”Cumartesi”],
    namesAbbr: [“Pa”,”Pz”,”Sa”,”Çr”,”Pr”,”Cu”,”Ct”],
    namesShort: [“Pa”,”Pz”,”Sa”,”Çr”,”Pr”,”Cu”,”Ct”]
    months: {
    names: [“Ocak”,”Şubat”,”Mart”,”Nisan”,”Mayıs”,”Haziran”,”Temmuz”,”Ağustos”,”Eylül”,”Ekim”,”Kasım”,”Aralık”,””],
    namesAbbr: [“Oc”,”Şb”,”Mr”,”Ns”,”Ma”,”Hz”,”Tm”,”At”,”el”,”Ek”,”Ks”,”Al”,””]
    AM: null,
    PM: null,
    eras: [{“name”:”n. Chr.”,”start”:null,”offset”:0}],
    patterns: {
    d: “dd.MM.yyyy”,
    D: “dddd, d. MMMM yyyy”,
    t: “HH:mm”,
    T: “HH:mm:ss”,
    f: “dddd, d. MMMM yyyy HH:mm”,
    F: “dddd, d. MMMM yyyy HH:mm:ss”,
    M: “dd MMMM”,
    Y: “MMMM yyyy”

    }( this ));

    $(“#jqxCalendar”).jqxCalendar({ width: ‘250px’, height: ‘250px’, theme: ‘darkblue’ });

    $(“#jqxCalendar”).jqxCalendar({ culture: ‘tr-TR’ });

    i made my calendar Turkish by using this i am sure you can change fr-FR and some other changes. Then you can have french calendar.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.