Building on the Quick Start example, you can set the culture to German (Germany) using the culture option.
- In addition to referencing the latest dependencies from the CDN at http://wijmo.com/downloads/#wijmo-cdn, you also need to reference the cultures.js file in your HTML page within the initial <head> tags. For example:
Drop down and copy code
Week Numbers Script |
Copy Code
|
<!--jQuery References-->
<script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.min.js" type="text/javascript"></script>
<!--Theme-->
<link href="http://cdn.wijmo.com/themes/aristo/jquery-wijmo.css" rel="stylesheet" type="text/css" />
<!--Wijmo Widgets CSS-->
<link href="http://cdn.wijmo.com/jquery.wijmo-pro.all.3.20132.15.min.css" rel="stylesheet" type="text/css" />
<!--Wijmo Widgets JavaScript-->
<script src="http://cdn.wijmo.com/jquery.wijmo-open.all.3.20132.15.min.js" type="text/javascript"></script>
<script src="http://cdn.wijmo.com/jquery.wijmo-pro.all.3.20132.15.min.js" type="text/javascript"></script>
<!--Culture-->
<script src="http://cdn.wijmo.com/external/cultures/globalize.culture.de-DE.js" type="text/javascript"></script>
|
- In the <head> section of your HTML file, replace the script that includes the document ready function with this one, which sets the culture option.
Drop down and copy code
Week Numbers Script |
Copy Code
|
<script id="scriptInit" type="text/javascript">
$(document).ready(function () {
$("#calendar1").wijcalendar({
culture: "de-DE"
});
});
</script>
|
- No changes are necessary in the <body> section of your HTML file. The basic <div> tag is sufficient to create the calendar.
- Save your HTML file and open it in a browser. The month name and weekday names reflect the selected culture.
See Also
Concepts
Widgets
Reference