<meta charset="utf-8">
<title>jQuery UI Calendar - Display button bar</title>
<link rel="stylesheet" href="../../themes/base/all.css">
+ <script src="../../external/cldrjs/cldr.js"></script>
+ <script src="../../external/cldrjs/cldr/supplemental.js"></script>
+ <script src="../../external/cldrjs/cldr/event.js"></script>
<script src="../../external/jquery/jquery.js"></script>
<script src="../../external/globalize/globalize.js"></script>
- <script src="../../external/date.js"></script>
+ <script src="../../external/globalize/globalize/date.js"></script>
<script src="../../external/localization.js"></script>
+ <script src="../../ui/calendar/date.js"></script>
<script src="../../ui/core.js"></script>
<script src="../../ui/widget.js"></script>
<script src="../../ui/button.js"></script>
<script src="../../ui/calendar.js"></script>
- <script src="../../ui/position.js"></script>
<link rel="stylesheet" href="../demos.css">
<script>
$(function() {
<meta charset="utf-8">
<title>jQuery UI Calendar - Default functionality</title>
<link rel="stylesheet" href="../../themes/base/all.css">
+ <script src="../../external/cldrjs/cldr.js"></script>
+ <script src="../../external/cldrjs/cldr/supplemental.js"></script>
+ <script src="../../external/cldrjs/cldr/event.js"></script>
<script src="../../external/jquery/jquery.js"></script>
<script src="../../external/globalize/globalize.js"></script>
- <script src="../../external/date.js"></script>
+ <script src="../../external/globalize/globalize/date.js"></script>
<script src="../../external/localization.js"></script>
+ <script src="../../ui/calendar/date.js"></script>
<script src="../../ui/core.js"></script>
<script src="../../ui/widget.js"></script>
<script src="../../ui/button.js"></script>
<script src="../../ui/calendar.js"></script>
- <script src="../../ui/position.js"></script>
<link rel="stylesheet" href="../demos.css">
<script>
$(function() {
<meta charset="utf-8">
<title>jQuery UI Calendar - Display month & year menus</title>
<link rel="stylesheet" href="../../themes/base/all.css">
+ <script src="../../external/cldrjs/cldr.js"></script>
+ <script src="../../external/cldrjs/cldr/supplemental.js"></script>
+ <script src="../../external/cldrjs/cldr/event.js"></script>
<script src="../../external/jquery/jquery.js"></script>
<script src="../../external/globalize/globalize.js"></script>
- <script src="../../external/date.js"></script>
+ <script src="../../external/globalize/globalize/date.js"></script>
<script src="../../external/localization.js"></script>
+ <script src="../../ui/calendar/date.js"></script>
<script src="../../ui/core.js"></script>
<script src="../../ui/widget.js"></script>
<script src="../../ui/button.js"></script>
<script src="../../ui/calendar.js"></script>
- <script src="../../ui/position.js"></script>
<link rel="stylesheet" href="../demos.css">
<script>
$(function() {
<meta charset="utf-8">
<title>jQuery UI Calendar - Localize calendar</title>
<link rel="stylesheet" href="../../themes/base/all.css">
+ <script src="../../external/cldrjs/cldr.js"></script>
+ <script src="../../external/cldrjs/cldr/supplemental.js"></script>
+ <script src="../../external/cldrjs/cldr/event.js"></script>
<script src="../../external/jquery/jquery.js"></script>
<script src="../../external/globalize/globalize.js"></script>
- <script src="../../external/date.js"></script>
+ <script src="../../external/globalize/globalize/date.js"></script>
<script src="../../external/localization.js"></script>
+ <script src="../../ui/calendar/date.js"></script>
<script src="../../ui/core.js"></script>
<script src="../../ui/widget.js"></script>
<script src="../../ui/button.js"></script>
<script src="../../ui/calendar.js"></script>
- <script src="../../ui/position.js"></script>
<link rel="stylesheet" href="../demos.css">
<script>
$(function() {
var calendar = $( "#calendar" ),
select = $( "#locale" );
- Globalize.locale( select.val() );
- calendar.calendar();
+ calendar.calendar({
+ locale: select.val()
+ });
+
select.change( function() {
- Globalize.locale( $( this ).val() );
+ calendar.calendar( "option", {
+ locale: select.val()
+ });
calendar.calendar( "valueAsDate", calendar.calendar( "valueAsDate" ) );
});
});
<div id="calendar"></div>
<select id="locale">
- <option value="de-DE" selected>German (Deutsch)</option>
+ <option value="ar">Arabic</option>
+ <option value="de" selected>German</option>
<option value="en">English</option>
+ <option value="es">Spanish</option>
+ <option value="zh">Chinese Simplified</option>
</select>
<div class="demo-description">
<meta charset="utf-8">
<title>jQuery UI Calendar - Restrict date range</title>
<link rel="stylesheet" href="../../themes/base/all.css">
+ <script src="../../external/cldrjs/cldr.js"></script>
+ <script src="../../external/cldrjs/cldr/supplemental.js"></script>
+ <script src="../../external/cldrjs/cldr/event.js"></script>
<script src="../../external/jquery/jquery.js"></script>
<script src="../../external/globalize/globalize.js"></script>
- <script src="../../external/date.js"></script>
+ <script src="../../external/globalize/globalize/date.js"></script>
<script src="../../external/localization.js"></script>
+ <script src="../../ui/calendar/date.js"></script>
<script src="../../ui/core.js"></script>
<script src="../../ui/widget.js"></script>
<script src="../../ui/button.js"></script>
<script src="../../ui/calendar.js"></script>
- <script src="../../ui/position.js"></script>
<link rel="stylesheet" href="../demos.css">
<script>
$(function() {
<meta charset="utf-8">
<title>jQuery UI Calendar - Display multiple months</title>
<link rel="stylesheet" href="../../themes/base/all.css">
+ <script src="../../external/cldrjs/cldr.js"></script>
+ <script src="../../external/cldrjs/cldr/supplemental.js"></script>
+ <script src="../../external/cldrjs/cldr/event.js"></script>
<script src="../../external/jquery/jquery.js"></script>
<script src="../../external/globalize/globalize.js"></script>
- <script src="../../external/date.js"></script>
+ <script src="../../external/globalize/globalize/date.js"></script>
<script src="../../external/localization.js"></script>
+ <script src="../../ui/calendar/date.js"></script>
<script src="../../ui/core.js"></script>
<script src="../../ui/widget.js"></script>
<script src="../../ui/button.js"></script>
<script src="../../ui/calendar.js"></script>
- <script src="../../ui/position.js"></script>
<link rel="stylesheet" href="../demos.css">
<script>
$(function() {
<meta charset="utf-8">
<title>jQuery UI Calendar - Dates in other months</title>
<link rel="stylesheet" href="../../themes/base/all.css">
+ <script src="../../external/cldrjs/cldr.js"></script>
+ <script src="../../external/cldrjs/cldr/supplemental.js"></script>
+ <script src="../../external/cldrjs/cldr/event.js"></script>
<script src="../../external/jquery/jquery.js"></script>
<script src="../../external/globalize/globalize.js"></script>
- <script src="../../external/date.js"></script>
+ <script src="../../external/globalize/globalize/date.js"></script>
<script src="../../external/localization.js"></script>
+ <script src="../../ui/calendar/date.js"></script>
<script src="../../ui/core.js"></script>
<script src="../../ui/widget.js"></script>
<script src="../../ui/button.js"></script>
<script src="../../ui/calendar.js"></script>
- <script src="../../ui/position.js"></script>
<link rel="stylesheet" href="../demos.css">
<script>
$(function() {
<meta charset="utf-8">
<title>jQuery UI Calendar - Show week of the year</title>
<link rel="stylesheet" href="../../themes/base/all.css">
+ <script src="../../external/cldrjs/cldr.js"></script>
+ <script src="../../external/cldrjs/cldr/supplemental.js"></script>
+ <script src="../../external/cldrjs/cldr/event.js"></script>
<script src="../../external/jquery/jquery.js"></script>
<script src="../../external/globalize/globalize.js"></script>
- <script src="../../external/date.js"></script>
+ <script src="../../external/globalize/globalize/date.js"></script>
<script src="../../external/localization.js"></script>
+ <script src="../../ui/calendar/date.js"></script>
<script src="../../ui/core.js"></script>
<script src="../../ui/widget.js"></script>
<script src="../../ui/button.js"></script>
<script src="../../ui/calendar.js"></script>
- <script src="../../ui/position.js"></script>
<link rel="stylesheet" href="../demos.css">
<script>
$(function() {
<script src="../../external/cldrjs/cldr/event.js"></script>
<script src="../../external/jquery/jquery.js"></script>
<script src="../../external/globalize/globalize.js"></script>
-+ <script src="../../external/globalize/globalize/date.js"></script>
-+ <script src="../../external/globalize/globalize/message.js"></script>
+ <script src="../../external/globalize/globalize/date.js"></script>
<script src="../../external/localization.js"></script>
- <script src="../../external/date.js"></script>
+ <script src="../../ui/calendar/date.js"></script>
<script src="../../ui/core.js"></script>
<script src="../../ui/widget.js"></script>
<script src="../../ui/effect.js"></script>
<script src="../../external/cldrjs/cldr/event.js"></script>
<script src="../../external/jquery/jquery.js"></script>
<script src="../../external/globalize/globalize.js"></script>
-+ <script src="../../external/globalize/globalize/date.js"></script>
-+ <script src="../../external/globalize/globalize/message.js"></script>
+ <script src="../../external/globalize/globalize/date.js"></script>
<script src="../../external/localization.js"></script>
- <script src="../../external/date.js"></script>
+ <script src="../../ui/calendar/date.js"></script>
<script src="../../ui/core.js"></script>
<script src="../../ui/widget.js"></script>
<script src="../../ui/button.js"></script>
- <script src="../../ui/position.js"></script>
<script src="../../ui/calendar.js"></script>
+ <script src="../../ui/position.js"></script>
<script src="../../ui/datepicker.js"></script>
<link rel="stylesheet" href="../demos.css">
<script>
<script src="../../external/cldrjs/cldr/event.js"></script>
<script src="../../external/jquery/jquery.js"></script>
<script src="../../external/globalize/globalize.js"></script>
-+ <script src="../../external/globalize/globalize/date.js"></script>
-+ <script src="../../external/globalize/globalize/message.js"></script>
+ <script src="../../external/globalize/globalize/date.js"></script>
<script src="../../external/localization.js"></script>
- <script src="../../external/date.js"></script>
+ <script src="../../ui/calendar/date.js"></script>
<script src="../../ui/core.js"></script>
<script src="../../ui/widget.js"></script>
<script src="../../ui/button.js"></script>
- <script src="../../ui/position.js"></script>
<script src="../../ui/calendar.js"></script>
+ <script src="../../ui/position.js"></script>
<script src="../../ui/datepicker.js"></script>
<link rel="stylesheet" href="../demos.css">
<script>
<script src="../../external/cldrjs/cldr/event.js"></script>
<script src="../../external/jquery/jquery.js"></script>
<script src="../../external/globalize/globalize.js"></script>
-+ <script src="../../external/globalize/globalize/date.js"></script>
-+ <script src="../../external/globalize/globalize/message.js"></script>
+ <script src="../../external/globalize/globalize/date.js"></script>
<script src="../../external/localization.js"></script>
- <script src="../../external/date.js"></script>
+ <script src="../../ui/calendar/date.js"></script>
<script src="../../ui/core.js"></script>
<script src="../../ui/widget.js"></script>
- <script src="../../ui/calendar.js"></script>
<script src="../../ui/button.js"></script>
+ <script src="../../ui/calendar.js"></script>
<script src="../../ui/position.js"></script>
<script src="../../ui/datepicker.js"></script>
<link rel="stylesheet" href="../demos.css">