2 * datepicker_options.js
7 module("datepicker: options");
9 test("setDefaults", function() {
11 TestHelpers.datepicker.init("#inp");
12 equal($.datepicker._defaults.showOn, "focus", "Initial showOn");
13 $.datepicker.setDefaults({showOn: "button"});
14 equal($.datepicker._defaults.showOn, "button", "Change default showOn");
15 $.datepicker.setDefaults({showOn: "focus"});
16 equal($.datepicker._defaults.showOn, "focus", "Restore showOn");
19 test("option", function() {
21 var inp = TestHelpers.datepicker.init("#inp"),
22 inst = $.data(inp[0], TestHelpers.datepicker.PROP_NAME);
24 equal(inst.settings.showOn, null, "Initial setting showOn");
25 equal($.datepicker._get(inst, "showOn"), "focus", "Initial instance showOn");
26 equal($.datepicker._defaults.showOn, "focus", "Initial default showOn");
27 inp.datepicker("option", "showOn", "button");
28 equal(inst.settings.showOn, "button", "Change setting showOn");
29 equal($.datepicker._get(inst, "showOn"), "button", "Change instance showOn");
30 equal($.datepicker._defaults.showOn, "focus", "Retain default showOn");
31 inp.datepicker("option", {showOn: "both"});
32 equal(inst.settings.showOn, "both", "Change setting showOn");
33 equal($.datepicker._get(inst, "showOn"), "both", "Change instance showOn");
34 equal($.datepicker._defaults.showOn, "focus", "Retain default showOn");
35 inp.datepicker("option", "showOn", undefined);
36 equal(inst.settings.showOn, null, "Clear setting showOn");
37 equal($.datepicker._get(inst, "showOn"), "focus", "Restore instance showOn");
38 equal($.datepicker._defaults.showOn, "focus", "Retain default showOn");
40 inp = TestHelpers.datepicker.init("#inp");
41 equal(inp.datepicker("option", "showOn"), "focus", "Initial setting showOn");
42 inp.datepicker("option", "showOn", "button");
43 equal(inp.datepicker("option", "showOn"), "button", "Change instance showOn");
44 inp.datepicker("option", "showOn", undefined);
45 equal(inp.datepicker("option", "showOn"), "focus", "Reset instance showOn");
46 deepEqual(inp.datepicker("option", "all"), {showAnim: ""}, "Get instance settings");
47 deepEqual(inp.datepicker("option", "defaults"), $.datepicker._defaults,
48 "Get default settings");
51 test( "disabled", function() {
53 var inp = TestHelpers.datepicker.init("#inp");
54 ok(!inp.datepicker("isDisabled"), "Initially marked as enabled");
55 ok(!inp[0].disabled, "Field initially enabled");
56 inp.datepicker("option", "disabled", true);
57 ok(inp.datepicker("isDisabled"), "Marked as disabled");
58 ok(inp[0].disabled, "Field now disabled");
59 inp.datepicker("option", "disabled", false);
60 ok(!inp.datepicker("isDisabled"), "Marked as enabled");
61 ok(!inp[0].disabled, "Field now enabled");
62 inp.datepicker("destroy");
64 inp = TestHelpers.datepicker.init("#inp", { disabled: true });
65 ok(inp.datepicker("isDisabled"), "Initially marked as disabled");
66 ok(inp[0].disabled, "Field initially disabled");
69 test("change", function() {
71 var inp = TestHelpers.datepicker.init("#inp"),
72 inst = $.data(inp[0], TestHelpers.datepicker.PROP_NAME);
73 equal(inst.settings.showOn, null, "Initial setting showOn");
74 equal($.datepicker._get(inst, "showOn"), "focus", "Initial instance showOn");
75 equal($.datepicker._defaults.showOn, "focus", "Initial default showOn");
76 inp.datepicker("change", "showOn", "button");
77 equal(inst.settings.showOn, "button", "Change setting showOn");
78 equal($.datepicker._get(inst, "showOn"), "button", "Change instance showOn");
79 equal($.datepicker._defaults.showOn, "focus", "Retain default showOn");
80 inp.datepicker("change", {showOn: "both"});
81 equal(inst.settings.showOn, "both", "Change setting showOn");
82 equal($.datepicker._get(inst, "showOn"), "both", "Change instance showOn");
83 equal($.datepicker._defaults.showOn, "focus", "Retain default showOn");
84 inp.datepicker("change", "showOn", undefined);
85 equal(inst.settings.showOn, null, "Clear setting showOn");
86 equal($.datepicker._get(inst, "showOn"), "focus", "Restore instance showOn");
87 equal($.datepicker._defaults.showOn, "focus", "Retain default showOn");
90 asyncTest("invocation", function() {
93 inp = TestHelpers.datepicker.init("#inp"),
94 dp = $("#ui-datepicker-div"),
99 button = inp.siblings("button");
100 ok(button.length === 0, "Focus - button absent");
101 image = inp.siblings("img");
102 ok(image.length === 0, "Focus - image absent");
104 setTimeout(function() {
105 ok(dp.is(":visible"), "Focus - rendered on focus");
106 inp.simulate("keydown", {keyCode: $.ui.keyCode.ESCAPE});
107 ok(!dp.is(":visible"), "Focus - hidden on exit");
109 setTimeout(function() {
111 setTimeout(function() {
112 ok(dp.is(":visible"), "Focus - rendered on focus");
113 body.simulate("mousedown", {});
114 ok(!dp.is(":visible"), "Focus - hidden on external click");
115 inp.datepicker("hide").datepicker("destroy");
125 inp = TestHelpers.datepicker.init("#inp", {showOn: "button", buttonText: "Popup"});
126 ok(!dp.is(":visible"), "Button - initially hidden");
127 button = inp.siblings("button");
128 image = inp.siblings("img");
129 ok(button.length === 1, "Button - button present");
130 ok(image.length === 0, "Button - image absent");
131 equal(button.text(), "Popup", "Button - button text");
133 setTimeout(function() {
134 ok(!dp.is(":visible"), "Button - not rendered on focus");
136 ok(dp.is(":visible"), "Button - rendered on button click");
138 ok(!dp.is(":visible"), "Button - hidden on second button click");
139 inp.datepicker("hide").datepicker("destroy");
147 inp = TestHelpers.datepicker.init("#inp", {showOn: "button", buttonImageOnly: true,
148 buttonImage: "images/calendar.gif", buttonText: "Cal"});
149 ok(!dp.is(":visible"), "Image button - initially hidden");
150 button = inp.siblings("button");
151 ok(button.length === 0, "Image button - button absent");
152 image = inp.siblings("img");
153 ok(image.length === 1, "Image button - image present");
154 equal(image.attr("src"), "images/calendar.gif", "Image button - image source");
155 equal(image.attr("title"), "Cal", "Image button - image text");
157 setTimeout(function() {
158 ok(!dp.is(":visible"), "Image button - not rendered on focus");
160 ok(dp.is(":visible"), "Image button - rendered on image click");
162 ok(!dp.is(":visible"), "Image button - hidden on second image click");
163 inp.datepicker("hide").datepicker("destroy");
171 inp = TestHelpers.datepicker.init("#inp", {showOn: "both", buttonImage: "images/calendar.gif"});
172 ok(!dp.is(":visible"), "Both - initially hidden");
173 button = inp.siblings("button");
174 ok(button.length === 1, "Both - button present");
175 image = inp.siblings("img");
176 ok(image.length === 0, "Both - image absent");
177 image = button.children("img");
178 ok(image.length === 1, "Both - button image present");
180 setTimeout(function() {
182 setTimeout(function() {
183 ok(dp.is(":visible"), "Both - rendered on focus");
184 body.simulate("mousedown", {});
185 ok(!dp.is(":visible"), "Both - hidden on external click");
187 ok(dp.is(":visible"), "Both - rendered on button click");
189 ok(!dp.is(":visible"), "Both - hidden on second button click");
190 inp.datepicker("hide").datepicker("destroy");
200 test("otherMonths", function() {
202 var inp = TestHelpers.datepicker.init("#inp"),
203 pop = $("#ui-datepicker-div");
204 inp.val("06/01/2009").datepicker("show");
205 equal(pop.find("tbody").text(),
206 // support: IE <9, jQuery <1.8
207 // In IE7/8 with jQuery <1.8, encoded spaces behave in strange ways
208 $( "<span>\u00a0123456789101112131415161718192021222324252627282930\u00a0\u00a0\u00a0\u00a0</span>" ).text(),
209 "Other months - none");
210 ok(pop.find("td:last *").length === 0, "Other months - no content");
211 inp.datepicker("hide").datepicker("option", "showOtherMonths", true).datepicker("show");
212 equal(pop.find("tbody").text(), "311234567891011121314151617181920212223242526272829301234",
213 "Other months - show");
214 ok(pop.find("td:last span").length === 1, "Other months - span content");
215 inp.datepicker("hide").datepicker("option", "selectOtherMonths", true).datepicker("show");
216 equal(pop.find("tbody").text(), "311234567891011121314151617181920212223242526272829301234",
217 "Other months - select");
218 ok(pop.find("td:last a").length === 1, "Other months - link content");
219 inp.datepicker("hide").datepicker("option", "showOtherMonths", false).datepicker("show");
220 equal(pop.find("tbody").text(),
221 // support: IE <9, jQuery <1.8
222 // In IE7/8 with jQuery <1.8, encoded spaces behave in strange ways
223 $( "<span>\u00a0123456789101112131415161718192021222324252627282930\u00a0\u00a0\u00a0\u00a0</span>" ).text(),
224 "Other months - none");
225 ok(pop.find("td:last *").length === 0, "Other months - no content");
228 test("defaultDate", function() {
230 var inp = TestHelpers.datepicker.init("#inp"),
232 inp.val("").datepicker("show").
233 simulate("keydown", {keyCode: $.ui.keyCode.ENTER});
234 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), date, "Default date null");
237 inp.datepicker("option", {defaultDate: -2}).
238 datepicker("hide").val("").datepicker("show").
239 simulate("keydown", {keyCode: $.ui.keyCode.ENTER});
240 date.setDate(date.getDate() - 2);
241 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), date, "Default date -2");
244 inp.datepicker("option", {defaultDate: 3}).
245 datepicker("hide").val("").datepicker("show").
246 simulate("keydown", {keyCode: $.ui.keyCode.ENTER});
247 date.setDate(date.getDate() + 3);
248 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), date, "Default date 3");
251 inp.datepicker("option", {defaultDate: 1 / "a"}).
252 datepicker("hide").val("").datepicker("show").
253 simulate("keydown", {keyCode: $.ui.keyCode.ENTER});
254 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), date, "Default date NaN");
256 // String offset values
257 inp.datepicker("option", {defaultDate: "-1d"}).
258 datepicker("hide").val("").datepicker("show").
259 simulate("keydown", {keyCode: $.ui.keyCode.ENTER});
260 date.setDate(date.getDate() - 1);
261 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), date, "Default date -1d");
262 inp.datepicker("option", {defaultDate: "+3D"}).
263 datepicker("hide").val("").datepicker("show").
264 simulate("keydown", {keyCode: $.ui.keyCode.ENTER});
265 date.setDate(date.getDate() + 4);
266 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), date, "Default date +3D");
267 inp.datepicker("option", {defaultDate: " -2 w "}).
268 datepicker("hide").val("").datepicker("show").
269 simulate("keydown", {keyCode: $.ui.keyCode.ENTER});
271 date.setDate(date.getDate() - 14);
272 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), date, "Default date -2 w");
273 inp.datepicker("option", {defaultDate: "+1 W"}).
274 datepicker("hide").val("").datepicker("show").
275 simulate("keydown", {keyCode: $.ui.keyCode.ENTER});
276 date.setDate(date.getDate() + 21);
277 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), date, "Default date +1 W");
278 inp.datepicker("option", {defaultDate: " -1 m "}).
279 datepicker("hide").val("").datepicker("show").
280 simulate("keydown", {keyCode: $.ui.keyCode.ENTER});
281 date = TestHelpers.datepicker.addMonths(new Date(), -1);
282 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), date, "Default date -1 m");
283 inp.datepicker("option", {defaultDate: "+2M"}).
284 datepicker("hide").val("").datepicker("show").
285 simulate("keydown", {keyCode: $.ui.keyCode.ENTER});
286 date = TestHelpers.datepicker.addMonths(new Date(), 2);
287 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), date, "Default date +2M");
288 inp.datepicker("option", {defaultDate: "-2y"}).
289 datepicker("hide").val("").datepicker("show").
290 simulate("keydown", {keyCode: $.ui.keyCode.ENTER});
292 date.setFullYear(date.getFullYear() - 2);
293 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), date, "Default date -2y");
294 inp.datepicker("option", {defaultDate: "+1 Y "}).
295 datepicker("hide").val("").datepicker("show").
296 simulate("keydown", {keyCode: $.ui.keyCode.ENTER});
297 date.setFullYear(date.getFullYear() + 3);
298 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), date, "Default date +1 Y");
299 inp.datepicker("option", {defaultDate: "+1M +10d"}).
300 datepicker("hide").val("").datepicker("show").
301 simulate("keydown", {keyCode: $.ui.keyCode.ENTER});
302 date = TestHelpers.datepicker.addMonths(new Date(), 1);
303 date.setDate(date.getDate() + 10);
304 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), date, "Default date +1M +10d");
305 // String date values
306 inp.datepicker("option", {defaultDate: "07/04/2007"}).
307 datepicker("hide").val("").datepicker("show").
308 simulate("keydown", {keyCode: $.ui.keyCode.ENTER});
309 date = new Date(2007, 7 - 1, 4);
310 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), date, "Default date 07/04/2007");
311 inp.datepicker("option", {dateFormat: "yy-mm-dd", defaultDate: "2007-04-02"}).
312 datepicker("hide").val("").datepicker("show").
313 simulate("keydown", {keyCode: $.ui.keyCode.ENTER});
314 date = new Date(2007, 4 - 1, 2);
315 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), date, "Default date 2007-04-02");
317 date = new Date(2007, 1 - 1, 26);
318 inp.datepicker("option", {dateFormat: "mm/dd/yy", defaultDate: date}).
319 datepicker("hide").val("").datepicker("show").
320 simulate("keydown", {keyCode: $.ui.keyCode.ENTER});
321 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), date, "Default date 01/26/2007");
324 test("miscellaneous", function() {
326 var curYear, longNames, shortNames, date,
327 dp = $("#ui-datepicker-div"),
328 inp = TestHelpers.datepicker.init("#inp");
330 function genRange(start, offset) {
333 for (; i < start + offset; i++) {
338 curYear = new Date().getFullYear();
339 inp.val("02/04/2008").datepicker("show");
340 equal(dp.find(".ui-datepicker-year").text(), "2008", "Year range - read-only default");
341 inp.datepicker("hide").datepicker("option", {changeYear: true}).datepicker("show");
342 equal(dp.find(".ui-datepicker-year").text(), genRange(2008 - 10, 21), "Year range - changeable default");
343 inp.datepicker("hide").datepicker("option", {yearRange: "c-6:c+2", changeYear: true}).datepicker("show");
344 equal(dp.find(".ui-datepicker-year").text(), genRange(2008 - 6, 9), "Year range - c-6:c+2");
345 inp.datepicker("hide").datepicker("option", {yearRange: "2000:2010", changeYear: true}).datepicker("show");
346 equal(dp.find(".ui-datepicker-year").text(), genRange(2000, 11), "Year range - 2000:2010");
347 inp.datepicker("hide").datepicker("option", {yearRange: "-5:+3", changeYear: true}).datepicker("show");
348 equal(dp.find(".ui-datepicker-year").text(), genRange(curYear - 5, 9), "Year range - -5:+3");
349 inp.datepicker("hide").datepicker("option", {yearRange: "2000:-5", changeYear: true}).datepicker("show");
350 equal(dp.find(".ui-datepicker-year").text(), genRange(2000, curYear - 2004), "Year range - 2000:-5");
351 inp.datepicker("hide").datepicker("option", {yearRange: "", changeYear: true}).datepicker("show");
352 equal(dp.find(".ui-datepicker-year").text(), genRange(curYear, 1), "Year range - -6:+2");
354 // Navigation as date format
355 inp.datepicker("option", {showButtonPanel: true});
356 equal(dp.find(".ui-datepicker-prev").text(), "Prev", "Navigation prev - default");
357 equal(dp.find(".ui-datepicker-current").text(), "Today", "Navigation current - default");
358 equal(dp.find(".ui-datepicker-next").text(), "Next", "Navigation next - default");
359 inp.datepicker("hide").datepicker("option", {navigationAsDateFormat: true, prevText: "< M", currentText: "MM", nextText: "M >"}).
360 val("02/04/2008").datepicker("show");
361 longNames = $.datepicker.regional[""].monthNames;
362 shortNames = $.datepicker.regional[""].monthNamesShort;
364 equal(dp.find(".ui-datepicker-prev").text(), "< " + shortNames[0], "Navigation prev - as date format");
365 equal(dp.find(".ui-datepicker-current").text(),
366 longNames[date.getMonth()], "Navigation current - as date format");
367 equal(dp.find(".ui-datepicker-next").text(),
368 shortNames[2] + " >", "Navigation next - as date format");
369 inp.simulate("keydown", {keyCode: $.ui.keyCode.PAGE_DOWN});
370 equal(dp.find(".ui-datepicker-prev").text(),
371 "< " + shortNames[1], "Navigation prev - as date format + pgdn");
372 equal(dp.find(".ui-datepicker-current").text(),
373 longNames[date.getMonth()], "Navigation current - as date format + pgdn");
374 equal(dp.find(".ui-datepicker-next").text(),
375 shortNames[3] + " >", "Navigation next - as date format + pgdn");
376 inp.datepicker("hide").datepicker("option", {gotoCurrent: true}).
377 val("02/04/2008").datepicker("show");
378 equal(dp.find(".ui-datepicker-prev").text(),
379 "< " + shortNames[0], "Navigation prev - as date format + goto current");
380 equal(dp.find(".ui-datepicker-current").text(),
381 longNames[1], "Navigation current - as date format + goto current");
382 equal(dp.find(".ui-datepicker-next").text(),
383 shortNames[2] + " >", "Navigation next - as date format + goto current");
386 test("minMax", function() {
389 inp = TestHelpers.datepicker.init("#inp"),
390 dp = $("#ui-datepicker-div"),
391 lastYear = new Date(2007, 6 - 1, 4),
392 nextYear = new Date(2009, 6 - 1, 4),
393 minDate = new Date(2008, 2 - 1, 29),
394 maxDate = new Date(2008, 12 - 1, 7);
395 inp.val("06/04/2008").datepicker("show");
396 inp.simulate("keydown", {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_UP}).
397 simulate("keydown", {keyCode: $.ui.keyCode.ENTER});
398 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), lastYear,
399 "Min/max - null, null - ctrl+pgup");
400 inp.val("06/04/2008").datepicker("show");
401 inp.simulate("keydown", {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_DOWN}).
402 simulate("keydown", {keyCode: $.ui.keyCode.ENTER});
403 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), nextYear,
404 "Min/max - null, null - ctrl+pgdn");
405 inp.datepicker("option", {minDate: minDate}).
406 datepicker("hide").val("06/04/2008").datepicker("show");
407 inp.simulate("keydown", {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_UP}).
408 simulate("keydown", {keyCode: $.ui.keyCode.ENTER});
409 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), minDate,
410 "Min/max - 02/29/2008, null - ctrl+pgup");
411 inp.val("06/04/2008").datepicker("show");
412 inp.simulate("keydown", {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_DOWN}).
413 simulate("keydown", {keyCode: $.ui.keyCode.ENTER});
414 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), nextYear,
415 "Min/max - 02/29/2008, null - ctrl+pgdn");
416 inp.datepicker("option", {maxDate: maxDate}).
417 datepicker("hide").val("06/04/2008").datepicker("show");
418 inp.simulate("keydown", {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_UP}).
419 simulate("keydown", {keyCode: $.ui.keyCode.ENTER});
420 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), minDate,
421 "Min/max - 02/29/2008, 12/07/2008 - ctrl+pgup");
422 inp.val("06/04/2008").datepicker("show");
423 inp.simulate("keydown", {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_DOWN}).
424 simulate("keydown", {keyCode: $.ui.keyCode.ENTER});
425 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), maxDate,
426 "Min/max - 02/29/2008, 12/07/2008 - ctrl+pgdn");
427 inp.datepicker("option", {minDate: null}).
428 datepicker("hide").val("06/04/2008").datepicker("show");
429 inp.simulate("keydown", {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_UP}).
430 simulate("keydown", {keyCode: $.ui.keyCode.ENTER});
431 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), lastYear,
432 "Min/max - null, 12/07/2008 - ctrl+pgup");
433 inp.val("06/04/2008").datepicker("show");
434 inp.simulate("keydown", {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_DOWN}).
435 simulate("keydown", {keyCode: $.ui.keyCode.ENTER});
436 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), maxDate,
437 "Min/max - null, 12/07/2008 - ctrl+pgdn");
440 date.setDate(date.getDate() - 7);
441 inp.datepicker("option", {minDate: "-1w", maxDate: "+1 M +10 D "}).
442 datepicker("hide").val("").datepicker("show");
443 inp.simulate("keydown", {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_UP}).
444 simulate("keydown", {keyCode: $.ui.keyCode.ENTER});
445 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), date,
446 "Min/max - -1w, +1 M +10 D - ctrl+pgup");
447 date = TestHelpers.datepicker.addMonths(new Date(), 1);
448 date.setDate(date.getDate() + 10);
449 inp.val("").datepicker("show");
450 inp.simulate("keydown", {ctrlKey: true, keyCode: $.ui.keyCode.PAGE_DOWN}).
451 simulate("keydown", {keyCode: $.ui.keyCode.ENTER});
452 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), date,
453 "Min/max - -1w, +1 M +10 D - ctrl+pgdn");
454 // With existing date
455 inp = TestHelpers.datepicker.init("#inp");
456 inp.val("06/04/2008").datepicker("option", {minDate: minDate});
457 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), new Date(2008, 6 - 1, 4), "Min/max - setDate > min");
458 inp.datepicker("option", {minDate: null}).val("01/04/2008").datepicker("option", {minDate: minDate});
459 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), minDate, "Min/max - setDate < min");
460 inp.datepicker("option", {minDate: null}).val("06/04/2008").datepicker("option", {maxDate: maxDate});
461 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), new Date(2008, 6 - 1, 4), "Min/max - setDate < max");
462 inp.datepicker("option", {maxDate: null}).val("01/04/2009").datepicker("option", {maxDate: maxDate});
463 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), maxDate, "Min/max - setDate > max");
464 inp.datepicker("option", {maxDate: null}).val("01/04/2008").datepicker("option", {minDate: minDate, maxDate: maxDate});
465 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), minDate, "Min/max - setDate < min");
466 inp.datepicker("option", {maxDate: null}).val("06/04/2008").datepicker("option", {minDate: minDate, maxDate: maxDate});
467 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), new Date(2008, 6 - 1, 4), "Min/max - setDate > min, < max");
468 inp.datepicker("option", {maxDate: null}).val("01/04/2009").datepicker("option", {minDate: minDate, maxDate: maxDate});
469 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), maxDate, "Min/max - setDate > max");
471 inp.datepicker("option", {yearRange: "-0:+1"}).val("01/01/" + new Date().getFullYear());
472 ok(dp.find(".ui-datepicker-prev").hasClass("ui-state-disabled"), "Year Range Test - previous button disabled at 1/1/minYear");
473 inp.datepicker("setDate", "12/30/" + new Date().getFullYear());
474 ok(dp.find(".ui-datepicker-next").hasClass("ui-state-disabled"), "Year Range Test - next button disabled at 12/30/maxYear");
476 inp.datepicker("option", {
477 minDate: new Date(1900, 0, 1),
481 ok(dp.find(".ui-datepicker-next").hasClass("ui-state-disabled"), "Year Range Test - next button disabled");
482 ok(!dp.find(".ui-datepicker-prev").hasClass("ui-state-disabled"), "Year Range Test - prev button enabled");
484 inp.datepicker("option", {
485 minDate: new Date(1900, 0, 1),
486 maxDate: "1/25/2007",
487 yearRange: "1900:2007"
489 ok(dp.find(".ui-datepicker-next").hasClass("ui-state-disabled"), "Year Range Test - next button disabled");
490 ok(!dp.find(".ui-datepicker-prev").hasClass("ui-state-disabled"), "Year Range Test - prev button enabled");
493 test("setDate", function() {
495 var inl, alt, minDate, maxDate, dateAndTimeToSet, dateAndTimeClone,
496 inp = TestHelpers.datepicker.init("#inp"),
497 date1 = new Date(2008, 6 - 1, 4),
499 ok(inp.datepicker("getDate") == null, "Set date - default");
500 inp.datepicker("setDate", date1);
501 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), date1, "Set date - 2008-06-04");
503 date1.setDate(date1.getDate() + 7);
504 inp.datepicker("setDate", +7);
505 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), date1, "Set date - +7");
506 date2.setFullYear(date2.getFullYear() + 2);
507 inp.datepicker("setDate", "+2y");
508 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), date2, "Set date - +2y");
509 inp.datepicker("setDate", date1, date2);
510 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), date1, "Set date - two dates");
511 inp.datepicker("setDate");
512 ok(inp.datepicker("getDate") == null, "Set date - null");
513 // Relative to current date
515 date1.setDate(date1.getDate() + 7);
516 inp.datepicker("setDate", "c +7");
517 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), date1, "Set date - c +7");
518 date1.setDate(date1.getDate() + 7);
519 inp.datepicker("setDate", "c+7");
520 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), date1, "Set date - c+7");
521 date1.setDate(date1.getDate() - 21);
522 inp.datepicker("setDate", "c -3 w");
523 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), date1, "Set date - c -3 w");
525 inl = TestHelpers.datepicker.init("#inl");
526 date1 = new Date(2008, 6 - 1, 4);
528 TestHelpers.datepicker.equalsDate(inl.datepicker("getDate"), date2, "Set date inline - default");
529 inl.datepicker("setDate", date1);
530 TestHelpers.datepicker.equalsDate(inl.datepicker("getDate"), date1, "Set date inline - 2008-06-04");
532 date1.setDate(date1.getDate() + 7);
533 inl.datepicker("setDate", +7);
534 TestHelpers.datepicker.equalsDate(inl.datepicker("getDate"), date1, "Set date inline - +7");
535 date2.setFullYear(date2.getFullYear() + 2);
536 inl.datepicker("setDate", "+2y");
537 TestHelpers.datepicker.equalsDate(inl.datepicker("getDate"), date2, "Set date inline - +2y");
538 inl.datepicker("setDate", date1, date2);
539 TestHelpers.datepicker.equalsDate(inl.datepicker("getDate"), date1, "Set date inline - two dates");
540 inl.datepicker("setDate");
541 ok(inl.datepicker("getDate") == null, "Set date inline - null");
544 inp.datepicker("option", {altField: "#alt", altFormat: "yy-mm-dd"});
545 date1 = new Date(2008, 6 - 1, 4);
546 inp.datepicker("setDate", date1);
547 equal(inp.val(), "06/04/2008", "Set date alternate - 06/04/2008");
548 equal(alt.val(), "2008-06-04", "Set date alternate - 2008-06-04");
549 // With minimum/maximum
550 inp = TestHelpers.datepicker.init("#inp");
551 date1 = new Date(2008, 1 - 1, 4);
552 date2 = new Date(2008, 6 - 1, 4);
553 minDate = new Date(2008, 2 - 1, 29);
554 maxDate = new Date(2008, 3 - 1, 28);
555 inp.val("").datepicker("option", {minDate: minDate}).datepicker("setDate", date2);
556 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), date2, "Set date min/max - setDate > min");
557 inp.datepicker("setDate", date1);
558 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), minDate, "Set date min/max - setDate < min");
559 inp.val("").datepicker("option", {maxDate: maxDate, minDate: null}).datepicker("setDate", date1);
560 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), date1, "Set date min/max - setDate < max");
561 inp.datepicker("setDate", date2);
562 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), maxDate, "Set date min/max - setDate > max");
563 inp.val("").datepicker("option", {minDate: minDate}).datepicker("setDate", date1);
564 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), minDate, "Set date min/max - setDate < min");
565 inp.datepicker("setDate", date2);
566 TestHelpers.datepicker.equalsDate(inp.datepicker("getDate"), maxDate, "Set date min/max - setDate > max");
567 dateAndTimeToSet = new Date(2008, 3 - 1, 28, 1, 11, 0);
568 dateAndTimeClone = new Date(2008, 3 - 1, 28, 1, 11, 0);
569 inp.datepicker("setDate", dateAndTimeToSet);
570 equal(dateAndTimeToSet.getTime(), dateAndTimeClone.getTime(), "Date object passed should not be changed by setDate");
573 test("altField", function() {
575 var inp = TestHelpers.datepicker.init("#inp"),
577 // No alternate field set
579 inp.val("06/04/2008").datepicker("show");
580 inp.simulate("keydown", {keyCode: $.ui.keyCode.ENTER});
581 equal(inp.val(), "06/04/2008", "Alt field - dp - enter");
582 equal(alt.val(), "", "Alt field - alt not set");
583 // Alternate field set
585 inp.datepicker("option", {altField: "#alt", altFormat: "yy-mm-dd"}).
586 val("06/04/2008").datepicker("show");
587 inp.simulate("keydown", {keyCode: $.ui.keyCode.ENTER});
588 equal(inp.val(), "06/04/2008", "Alt field - dp - enter");
589 equal(alt.val(), "2008-06-04", "Alt field - alt - enter");
590 // Move from initial date
592 inp.val("06/04/2008").datepicker("show");
593 inp.simulate("keydown", {keyCode: $.ui.keyCode.PAGE_DOWN}).
594 simulate("keydown", {keyCode: $.ui.keyCode.ENTER});
595 equal(inp.val(), "07/04/2008", "Alt field - dp - pgdn");
596 equal(alt.val(), "2008-07-04", "Alt field - alt - pgdn");
597 // Alternate field set - closed
599 inp.val("06/04/2008").datepicker("show");
600 inp.simulate("keydown", {keyCode: $.ui.keyCode.PAGE_DOWN}).
601 simulate("keydown", {keyCode: $.ui.keyCode.ESCAPE});
602 equal(inp.val(), "06/04/2008", "Alt field - dp - pgdn/esc");
603 equal(alt.val(), "", "Alt field - alt - pgdn/esc");
604 // Clear date and alternate
606 inp.val("06/04/2008").datepicker("show");
607 inp.simulate("keydown", {ctrlKey: true, keyCode: $.ui.keyCode.END});
608 equal(inp.val(), "", "Alt field - dp - ctrl+end");
609 equal(alt.val(), "", "Alt field - alt - ctrl+end");
612 test("autoSize", function() {
614 var inp = TestHelpers.datepicker.init("#inp");
615 equal(inp.prop("size"), 20, "Auto size - default");
616 inp.datepicker("option", "autoSize", true);
617 equal(inp.prop("size"), 10, "Auto size - mm/dd/yy");
618 inp.datepicker("option", "dateFormat", "m/d/yy");
619 equal(inp.prop("size"), 10, "Auto size - m/d/yy");
620 inp.datepicker("option", "dateFormat", "D M d yy");
621 equal(inp.prop("size"), 15, "Auto size - D M d yy");
622 inp.datepicker("option", "dateFormat", "DD, MM dd, yy");
623 equal(inp.prop("size"), 29, "Auto size - DD, MM dd, yy");
626 inp.datepicker("option", $.extend({autoSize: false}, $.datepicker.regional.fr));
627 equal(inp.prop("size"), 29, "Auto size - fr - default");
628 inp.datepicker("option", "autoSize", true);
629 equal(inp.prop("size"), 10, "Auto size - fr - dd/mm/yy");
630 inp.datepicker("option", "dateFormat", "m/d/yy");
631 equal(inp.prop("size"), 10, "Auto size - fr - m/d/yy");
632 inp.datepicker("option", "dateFormat", "D M d yy");
633 equal(inp.prop("size"), 18, "Auto size - fr - D M d yy");
634 inp.datepicker("option", "dateFormat", "DD, MM dd, yy");
635 equal(inp.prop("size"), 28, "Auto size - fr - DD, MM dd, yy");
638 inp.datepicker("option", $.extend({autoSize: false}, $.datepicker.regional.he));
639 equal(inp.prop("size"), 28, "Auto size - he - default");
640 inp.datepicker("option", "autoSize", true);
641 equal(inp.prop("size"), 10, "Auto size - he - dd/mm/yy");
642 inp.datepicker("option", "dateFormat", "m/d/yy");
643 equal(inp.prop("size"), 10, "Auto size - he - m/d/yy");
644 inp.datepicker("option", "dateFormat", "D M d yy");
645 equal(inp.prop("size"), 16, "Auto size - he - D M d yy");
646 inp.datepicker("option", "dateFormat", "DD, MM dd, yy");
647 equal(inp.prop("size"), 23, "Auto size - he - DD, MM dd, yy");
650 test("daylightSaving", function() {
652 var inp = TestHelpers.datepicker.init("#inp"),
653 dp = $("#ui-datepicker-div");
654 ok(true, "Daylight saving - " + new Date());
655 // Australia, Sydney - AM change, southern hemisphere
656 inp.val("04/01/2008").datepicker("show");
657 $(".ui-datepicker-calendar td:eq(6) a", dp).simulate("click");
658 equal(inp.val(), "04/05/2008", "Daylight saving - Australia 04/05/2008");
659 inp.val("04/01/2008").datepicker("show");
660 $(".ui-datepicker-calendar td:eq(7) a", dp).simulate("click");
661 equal(inp.val(), "04/06/2008", "Daylight saving - Australia 04/06/2008");
662 inp.val("04/01/2008").datepicker("show");
663 $(".ui-datepicker-calendar td:eq(8) a", dp).simulate("click");
664 equal(inp.val(), "04/07/2008", "Daylight saving - Australia 04/07/2008");
665 inp.val("10/01/2008").datepicker("show");
666 $(".ui-datepicker-calendar td:eq(6) a", dp).simulate("click");
667 equal(inp.val(), "10/04/2008", "Daylight saving - Australia 10/04/2008");
668 inp.val("10/01/2008").datepicker("show");
669 $(".ui-datepicker-calendar td:eq(7) a", dp).simulate("click");
670 equal(inp.val(), "10/05/2008", "Daylight saving - Australia 10/05/2008");
671 inp.val("10/01/2008").datepicker("show");
672 $(".ui-datepicker-calendar td:eq(8) a", dp).simulate("click");
673 equal(inp.val(), "10/06/2008", "Daylight saving - Australia 10/06/2008");
674 // Brasil, Brasilia - midnight change, southern hemisphere
675 inp.val("02/01/2008").datepicker("show");
676 $(".ui-datepicker-calendar td:eq(20) a", dp).simulate("click");
677 equal(inp.val(), "02/16/2008", "Daylight saving - Brasil 02/16/2008");
678 inp.val("02/01/2008").datepicker("show");
679 $(".ui-datepicker-calendar td:eq(21) a", dp).simulate("click");
680 equal(inp.val(), "02/17/2008", "Daylight saving - Brasil 02/17/2008");
681 inp.val("02/01/2008").datepicker("show");
682 $(".ui-datepicker-calendar td:eq(22) a", dp).simulate("click");
683 equal(inp.val(), "02/18/2008", "Daylight saving - Brasil 02/18/2008");
684 inp.val("10/01/2008").datepicker("show");
685 $(".ui-datepicker-calendar td:eq(13) a", dp).simulate("click");
686 equal(inp.val(), "10/11/2008", "Daylight saving - Brasil 10/11/2008");
687 inp.val("10/01/2008").datepicker("show");
688 $(".ui-datepicker-calendar td:eq(14) a", dp).simulate("click");
689 equal(inp.val(), "10/12/2008", "Daylight saving - Brasil 10/12/2008");
690 inp.val("10/01/2008").datepicker("show");
691 $(".ui-datepicker-calendar td:eq(15) a", dp).simulate("click");
692 equal(inp.val(), "10/13/2008", "Daylight saving - Brasil 10/13/2008");
693 // Lebanon, Beirut - midnight change, northern hemisphere
694 inp.val("03/01/2008").datepicker("show");
695 $(".ui-datepicker-calendar td:eq(34) a", dp).simulate("click");
696 equal(inp.val(), "03/29/2008", "Daylight saving - Lebanon 03/29/2008");
697 inp.val("03/01/2008").datepicker("show");
698 $(".ui-datepicker-calendar td:eq(35) a", dp).simulate("click");
699 equal(inp.val(), "03/30/2008", "Daylight saving - Lebanon 03/30/2008");
700 inp.val("03/01/2008").datepicker("show");
701 $(".ui-datepicker-calendar td:eq(36) a", dp).simulate("click");
702 equal(inp.val(), "03/31/2008", "Daylight saving - Lebanon 03/31/2008");
703 inp.val("10/01/2008").datepicker("show");
704 $(".ui-datepicker-calendar td:eq(27) a", dp).simulate("click");
705 equal(inp.val(), "10/25/2008", "Daylight saving - Lebanon 10/25/2008");
706 inp.val("10/01/2008").datepicker("show");
707 $(".ui-datepicker-calendar td:eq(28) a", dp).simulate("click");
708 equal(inp.val(), "10/26/2008", "Daylight saving - Lebanon 10/26/2008");
709 inp.val("10/01/2008").datepicker("show");
710 $(".ui-datepicker-calendar td:eq(29) a", dp).simulate("click");
711 equal(inp.val(), "10/27/2008", "Daylight saving - Lebanon 10/27/2008");
712 // US, Eastern - AM change, northern hemisphere
713 inp.val("03/01/2008").datepicker("show");
714 $(".ui-datepicker-calendar td:eq(13) a", dp).simulate("click");
715 equal(inp.val(), "03/08/2008", "Daylight saving - US 03/08/2008");
716 inp.val("03/01/2008").datepicker("show");
717 $(".ui-datepicker-calendar td:eq(14) a", dp).simulate("click");
718 equal(inp.val(), "03/09/2008", "Daylight saving - US 03/09/2008");
719 inp.val("03/01/2008").datepicker("show");
720 $(".ui-datepicker-calendar td:eq(15) a", dp).simulate("click");
721 equal(inp.val(), "03/10/2008", "Daylight saving - US 03/10/2008");
722 inp.val("11/01/2008").datepicker("show");
723 $(".ui-datepicker-calendar td:eq(6) a", dp).simulate("click");
724 equal(inp.val(), "11/01/2008", "Daylight saving - US 11/01/2008");
725 inp.val("11/01/2008").datepicker("show");
726 $(".ui-datepicker-calendar td:eq(7) a", dp).simulate("click");
727 equal(inp.val(), "11/02/2008", "Daylight saving - US 11/02/2008");
728 inp.val("11/01/2008").datepicker("show");
729 $(".ui-datepicker-calendar td:eq(8) a", dp).simulate("click");
730 equal(inp.val(), "11/03/2008", "Daylight saving - US 11/03/2008");
733 var beforeShowThis = null,
734 beforeShowInput = null,
735 beforeShowInst = null,
736 beforeShowDayThis = null,
737 beforeShowDayOK = true;
740 function beforeAll(input, inst) {
741 beforeShowThis = this;
742 beforeShowInput = input;
743 beforeShowInst = inst;
744 return {currentText: "Current"};
747 function beforeDay(date) {
748 beforeShowDayThis = this;
749 beforeShowDayOK &= (date > new Date(2008, 1 - 1, 26) &&
750 date < new Date(2008, 3 - 1, 6));
751 return [(date.getDate() % 2 === 0), (date.getDate() % 10 === 0 ? "day10" : ""),
752 (date.getDate() % 3 === 0 ? "Divisble by 3" : "")];
755 test("callbacks", function() {
758 var dp, day20, day21,
759 inp = TestHelpers.datepicker.init("#inp", {beforeShow: beforeAll}),
760 inst = $.data(inp[0], "datepicker");
761 equal($.datepicker._get(inst, "currentText"), "Today", "Before show - initial");
762 inp.val("02/04/2008").datepicker("show");
763 equal($.datepicker._get(inst, "currentText"), "Current", "Before show - changed");
764 ok(beforeShowThis.id === inp[0].id, "Before show - this OK");
765 ok(beforeShowInput.id === inp[0].id, "Before show - input OK");
766 deepEqual(beforeShowInst, inst, "Before show - inst OK");
767 inp.datepicker("hide").datepicker("destroy");
769 inp = TestHelpers.datepicker.init("#inp", {beforeShowDay: beforeDay});
770 dp = $("#ui-datepicker-div");
771 inp.val("02/04/2008").datepicker("show");
772 ok(beforeShowDayThis.id === inp[0].id, "Before show day - this OK");
773 ok(beforeShowDayOK, "Before show day - dates OK");
774 day20 = dp.find(".ui-datepicker-calendar td:contains('20')");
775 day21 = dp.find(".ui-datepicker-calendar td:contains('21')");
776 ok(!day20.is(".ui-datepicker-unselectable"), "Before show day - unselectable 20");
777 ok(day21.is(".ui-datepicker-unselectable"), "Before show day - unselectable 21");
778 ok(day20.is(".day10"), "Before show day - CSS 20");
779 ok(!day21.is(".day10"), "Before show day - CSS 21");
780 ok(!day20.attr("title"), "Before show day - title 20");
781 ok(day21.attr("title") === "Divisble by 3", "Before show day - title 21");
782 inp.datepicker("hide").datepicker("destroy");
785 test("beforeShowDay - tooltips with quotes", function() {
788 inp = TestHelpers.datepicker.init("#inp", {
789 beforeShowDay: function() {
790 return [ true, "", "'" ];
793 dp = $("#ui-datepicker-div");
795 inp.datepicker("show");
796 equal( dp.find( ".ui-datepicker-calendar td:contains('9')").attr( "title" ), "'" );
797 inp.datepicker("hide").datepicker("destroy");
800 test("localisation", function() {
802 var dp, month, day, date,
803 inp = TestHelpers.datepicker.init("#inp", $.datepicker.regional.fr);
804 inp.datepicker("option", {dateFormat: "DD, d MM yy", showButtonPanel:true, changeMonth:true, changeYear:true}).val("").datepicker("show");
805 dp = $("#ui-datepicker-div");
806 equal($(".ui-datepicker-close", dp).text(), "Fermer", "Localisation - close");
807 $(".ui-datepicker-close", dp).simulate("mouseover");
808 equal($(".ui-datepicker-prev", dp).text(), "PrΓ©cΓ©dent", "Localisation - previous");
809 equal($(".ui-datepicker-current", dp).text(), "Aujourd'hui", "Localisation - current");
810 equal($(".ui-datepicker-next", dp).text(), "Suivant", "Localisation - next");
812 $(".ui-datepicker-month option", dp).each(function() {
813 equal($(this).text(), $.datepicker.regional.fr.monthNamesShort[month],
814 "Localisation - month " + month);
818 $(".ui-datepicker-calendar th", dp).each(function() {
819 equal($(this).text(), $.datepicker.regional.fr.dayNamesMin[day],
820 "Localisation - day " + day);
823 inp.simulate("keydown", {keyCode: $.ui.keyCode.ENTER});
825 equal(inp.val(), $.datepicker.regional.fr.dayNames[date.getDay()] + ", " +
826 date.getDate() + " " + $.datepicker.regional.fr.monthNames[date.getMonth()] +
827 " " + date.getFullYear(), "Localisation - formatting");
830 test("noWeekends", function() {
833 for (i = 1; i <= 31; i++) {
834 date = new Date(2001, 1 - 1, i);
835 deepEqual($.datepicker.noWeekends(date), [(i + 1) % 7 >= 2, ""],
836 "No weekends " + date);
840 test("iso8601Week", function() {
842 var date = new Date(2000, 12 - 1, 31);
843 equal($.datepicker.iso8601Week(date), 52, "ISO 8601 week " + date);
844 date = new Date(2001, 1 - 1, 1);
845 equal($.datepicker.iso8601Week(date), 1, "ISO 8601 week " + date);
846 date = new Date(2001, 1 - 1, 7);
847 equal($.datepicker.iso8601Week(date), 1, "ISO 8601 week " + date);
848 date = new Date(2001, 1 - 1, 8);
849 equal($.datepicker.iso8601Week(date), 2, "ISO 8601 week " + date);
850 date = new Date(2003, 12 - 1, 28);
851 equal($.datepicker.iso8601Week(date), 52, "ISO 8601 week " + date);
852 date = new Date(2003, 12 - 1, 29);
853 equal($.datepicker.iso8601Week(date), 1, "ISO 8601 week " + date);
854 date = new Date(2004, 1 - 1, 4);
855 equal($.datepicker.iso8601Week(date), 1, "ISO 8601 week " + date);
856 date = new Date(2004, 1 - 1, 5);
857 equal($.datepicker.iso8601Week(date), 2, "ISO 8601 week " + date);
858 date = new Date(2009, 12 - 1, 28);
859 equal($.datepicker.iso8601Week(date), 53, "ISO 8601 week " + date);
860 date = new Date(2010, 1 - 1, 3);
861 equal($.datepicker.iso8601Week(date), 53, "ISO 8601 week " + date);
862 date = new Date(2010, 1 - 1, 4);
863 equal($.datepicker.iso8601Week(date), 1, "ISO 8601 week " + date);
864 date = new Date(2010, 1 - 1, 10);
865 equal($.datepicker.iso8601Week(date), 1, "ISO 8601 week " + date);
868 test("parseDate", function() {
870 TestHelpers.datepicker.init("#inp");
871 var currentYear, gmtDate, fr, settings, zh;
872 ok($.datepicker.parseDate("d m y", "") == null, "Parse date empty");
873 TestHelpers.datepicker.equalsDate($.datepicker.parseDate("d m y", "3 2 01"),
874 new Date(2001, 2 - 1, 3), "Parse date d m y");
875 TestHelpers.datepicker.equalsDate($.datepicker.parseDate("dd mm yy", "03 02 2001"),
876 new Date(2001, 2 - 1, 3), "Parse date dd mm yy");
877 TestHelpers.datepicker.equalsDate($.datepicker.parseDate("d m y", "13 12 01"),
878 new Date(2001, 12 - 1, 13), "Parse date d m y");
879 TestHelpers.datepicker.equalsDate($.datepicker.parseDate("dd mm yy", "13 12 2001"),
880 new Date(2001, 12 - 1, 13), "Parse date dd mm yy");
881 TestHelpers.datepicker.equalsDate($.datepicker.parseDate("y-o", "01-34"),
882 new Date(2001, 2 - 1, 3), "Parse date y-o");
883 TestHelpers.datepicker.equalsDate($.datepicker.parseDate("yy-oo", "2001-347"),
884 new Date(2001, 12 - 1, 13), "Parse date yy-oo");
885 TestHelpers.datepicker.equalsDate($.datepicker.parseDate("oo yy", "348 2004"),
886 new Date(2004, 12 - 1, 13), "Parse date oo yy");
887 TestHelpers.datepicker.equalsDate($.datepicker.parseDate("D d M y", "Sat 3 Feb 01"),
888 new Date(2001, 2 - 1, 3), "Parse date D d M y");
889 TestHelpers.datepicker.equalsDate($.datepicker.parseDate("d MM DD yy", "3 February Saturday 2001"),
890 new Date(2001, 2 - 1, 3), "Parse date dd MM DD yy");
891 TestHelpers.datepicker.equalsDate($.datepicker.parseDate("DD, MM d, yy", "Saturday, February 3, 2001"),
892 new Date(2001, 2 - 1, 3), "Parse date DD, MM d, yy");
893 TestHelpers.datepicker.equalsDate($.datepicker.parseDate("'day' d 'of' MM (''DD''), yy",
894 "day 3 of February ('Saturday'), 2001"), new Date(2001, 2 - 1, 3),
895 "Parse date 'day' d 'of' MM (''DD''), yy");
896 currentYear = new Date().getFullYear();
897 TestHelpers.datepicker.equalsDate($.datepicker.parseDate("y-m-d", (currentYear - 2000) + "-02-03"),
898 new Date(currentYear, 2 - 1, 3), "Parse date y-m-d - default cutuff");
899 TestHelpers.datepicker.equalsDate($.datepicker.parseDate("y-m-d", (currentYear - 2000 + 10) + "-02-03"),
900 new Date(currentYear+10, 2 - 1, 3), "Parse date y-m-d - default cutuff");
901 TestHelpers.datepicker.equalsDate($.datepicker.parseDate("y-m-d", (currentYear - 2000 + 11) + "-02-03"),
902 new Date(currentYear-89, 2 - 1, 3), "Parse date y-m-d - default cutuff");
903 TestHelpers.datepicker.equalsDate($.datepicker.parseDate("y-m-d", "80-02-03", {shortYearCutoff: 80}),
904 new Date(2080, 2 - 1, 3), "Parse date y-m-d - cutoff 80");
905 TestHelpers.datepicker.equalsDate($.datepicker.parseDate("y-m-d", "81-02-03", {shortYearCutoff: 80}),
906 new Date(1981, 2 - 1, 3), "Parse date y-m-d - cutoff 80");
907 TestHelpers.datepicker.equalsDate($.datepicker.parseDate("y-m-d", (currentYear - 2000 + 60) + "-02-03", {shortYearCutoff: "+60"}),
908 new Date(currentYear + 60, 2 - 1, 3), "Parse date y-m-d - cutoff +60");
909 TestHelpers.datepicker.equalsDate($.datepicker.parseDate("y-m-d", (currentYear - 2000 + 61) + "-02-03", {shortYearCutoff: "+60"}),
910 new Date(currentYear - 39, 2 - 1, 3), "Parse date y-m-d - cutoff +60");
911 gmtDate = new Date(2001, 2 - 1, 3);
912 gmtDate.setMinutes(gmtDate.getMinutes() - gmtDate.getTimezoneOffset());
913 TestHelpers.datepicker.equalsDate($.datepicker.parseDate("@", "981158400000"), gmtDate, "Parse date @");
914 TestHelpers.datepicker.equalsDate($.datepicker.parseDate("!", "631167552000000000"), gmtDate, "Parse date !");
916 fr = $.datepicker.regional.fr;
917 settings = {dayNamesShort: fr.dayNamesShort, dayNames: fr.dayNames,
918 monthNamesShort: fr.monthNamesShort, monthNames: fr.monthNames};
919 TestHelpers.datepicker.equalsDate($.datepicker.parseDate("D d M y", "Lun. 9 Avril 01", settings),
920 new Date(2001, 4 - 1, 9), "Parse date D M y with settings");
921 TestHelpers.datepicker.equalsDate($.datepicker.parseDate("d MM DD yy", "9 Avril Lundi 2001", settings),
922 new Date(2001, 4 - 1, 9), "Parse date d MM DD yy with settings");
923 TestHelpers.datepicker.equalsDate($.datepicker.parseDate("DD, MM d, yy", "Lundi, Avril 9, 2001", settings),
924 new Date(2001, 4 - 1, 9), "Parse date DD, MM d, yy with settings");
925 TestHelpers.datepicker.equalsDate($.datepicker.parseDate("'jour' d 'de' MM (''DD''), yy", "jour 9 de Avril ('Lundi'), 2001", settings),
926 new Date(2001, 4 - 1, 9), "Parse date 'jour' d 'de' MM (''DD''), yy with settings");
928 zh = $.datepicker.regional["zh-CN"];
929 TestHelpers.datepicker.equalsDate($.datepicker.parseDate("yy M d", "2011 εδΈζ 22", zh),
930 new Date(2011, 11 - 1, 22), "Parse date yy M d with zh-CN");
933 test("parseDateErrors", function() {
935 TestHelpers.datepicker.init("#inp");
937 function expectError(expr, value, error) {
940 ok(false, "Parsed error " + value);
943 equal(e, error, "Parsed error " + value);
946 expectError(function() { $.datepicker.parseDate(null, "Sat 2 01"); },
947 "Sat 2 01", "Invalid arguments");
948 expectError(function() { $.datepicker.parseDate("d m y", null); },
949 "null", "Invalid arguments");
950 expectError(function() { $.datepicker.parseDate("d m y", "Sat 2 01"); },
951 "Sat 2 01 - d m y", "Missing number at position 0");
952 expectError(function() { $.datepicker.parseDate("dd mm yy", "Sat 2 01"); },
953 "Sat 2 01 - dd mm yy", "Missing number at position 0");
954 expectError(function() { $.datepicker.parseDate("d m y", "3 Feb 01"); },
955 "3 Feb 01 - d m y", "Missing number at position 2");
956 expectError(function() { $.datepicker.parseDate("dd mm yy", "3 Feb 01"); },
957 "3 Feb 01 - dd mm yy", "Missing number at position 2");
958 expectError(function() { $.datepicker.parseDate("d m y", "3 2 AD01"); },
959 "3 2 AD01 - d m y", "Missing number at position 4");
960 expectError(function() { $.datepicker.parseDate("d m yy", "3 2 AD01"); },
961 "3 2 AD01 - dd mm yy", "Missing number at position 4");
962 expectError(function() { $.datepicker.parseDate("y-o", "01-D01"); },
963 "2001-D01 - y-o", "Missing number at position 3");
964 expectError(function() { $.datepicker.parseDate("yy-oo", "2001-D01"); },
965 "2001-D01 - yy-oo", "Missing number at position 5");
966 expectError(function() { $.datepicker.parseDate("D d M y", "D7 3 Feb 01"); },
967 "D7 3 Feb 01 - D d M y", "Unknown name at position 0");
968 expectError(function() { $.datepicker.parseDate("D d M y", "Sat 3 M2 01"); },
969 "Sat 3 M2 01 - D d M y", "Unknown name at position 6");
970 expectError(function() { $.datepicker.parseDate("DD, MM d, yy", "Saturday- Feb 3, 2001"); },
971 "Saturday- Feb 3, 2001 - DD, MM d, yy", "Unexpected literal at position 8");
972 expectError(function() { $.datepicker.parseDate("'day' d 'of' MM (''DD''), yy",
973 "day 3 of February (\"Saturday\"), 2001"); },
974 "day 3 of Mon2 ('Day7'), 2001", "Unexpected literal at position 19");
975 expectError(function() { $.datepicker.parseDate("d m y", "29 2 01"); },
976 "29 2 01 - d m y", "Invalid date");
977 fr = $.datepicker.regional.fr;
978 settings = {dayNamesShort: fr.dayNamesShort, dayNames: fr.dayNames,
979 monthNamesShort: fr.monthNamesShort, monthNames: fr.monthNames};
980 expectError(function() { $.datepicker.parseDate("D d M y", "Mon 9 Avr 01", settings); },
981 "Mon 9 Avr 01 - D d M y", "Unknown name at position 0");
982 expectError(function() { $.datepicker.parseDate("D d M y", "Lun. 9 Apr 01", settings); },
983 "Lun. 9 Apr 01 - D d M y", "Unknown name at position 7");
986 test("Ticket #7244: date parser does not fail when too many numbers are passed into the date function", function() {
990 date = $.datepicker.parseDate("dd/mm/yy", "18/04/19881");
991 ok(false, "Did not properly detect an invalid date");
993 ok("invalid date detected");
997 date = $.datepicker.parseDate("dd/mm/yy", "18/04/1988 @ 2:43 pm");
998 equal(date.getDate(), 18);
999 equal(date.getMonth(), 3);
1000 equal(date.getFullYear(), 1988);
1002 ok(false, "Did not properly parse date with extra text separated by whitespace");
1006 test("formatDate", function() {
1008 TestHelpers.datepicker.init("#inp");
1009 var gmtDate, fr, settings;
1010 equal($.datepicker.formatDate("d m y", new Date(2001, 2 - 1, 3)),
1011 "3 2 01", "Format date d m y");
1012 equal($.datepicker.formatDate("dd mm yy", new Date(2001, 2 - 1, 3)),
1013 "03 02 2001", "Format date dd mm yy");
1014 equal($.datepicker.formatDate("d m y", new Date(2001, 12 - 1, 13)),
1015 "13 12 01", "Format date d m y");
1016 equal($.datepicker.formatDate("dd mm yy", new Date(2001, 12 - 1, 13)),
1017 "13 12 2001", "Format date dd mm yy");
1018 equal($.datepicker.formatDate("yy-o", new Date(2001, 2 - 1, 3)),
1019 "2001-34", "Format date yy-o");
1020 equal($.datepicker.formatDate("yy-oo", new Date(2001, 2 - 1, 3)),
1021 "2001-034", "Format date yy-oo");
1022 equal($.datepicker.formatDate("D M y", new Date(2001, 2 - 1, 3)),
1023 "Sat Feb 01", "Format date D M y");
1024 equal($.datepicker.formatDate("DD MM yy", new Date(2001, 2 - 1, 3)),
1025 "Saturday February 2001", "Format date DD MM yy");
1026 equal($.datepicker.formatDate("DD, MM d, yy", new Date(2001, 2 - 1, 3)),
1027 "Saturday, February 3, 2001", "Format date DD, MM d, yy");
1028 equal($.datepicker.formatDate("'day' d 'of' MM (''DD''), yy",
1029 new Date(2001, 2 - 1, 3)), "day 3 of February ('Saturday'), 2001",
1030 "Format date 'day' d 'of' MM ('DD'), yy");
1031 gmtDate = new Date(2001, 2 - 1, 3);
1032 gmtDate.setMinutes(gmtDate.getMinutes() - gmtDate.getTimezoneOffset());
1033 equal($.datepicker.formatDate("@", gmtDate), "981158400000", "Format date @");
1034 equal($.datepicker.formatDate("!", gmtDate), "631167552000000000", "Format date !");
1035 fr = $.datepicker.regional.fr;
1036 settings = {dayNamesShort: fr.dayNamesShort, dayNames: fr.dayNames,
1037 monthNamesShort: fr.monthNamesShort, monthNames: fr.monthNames};
1038 equal($.datepicker.formatDate("D M y", new Date(2001, 4 - 1, 9), settings),
1039 "Lun. Avril 01", "Format date D M y with settings");
1040 equal($.datepicker.formatDate("DD MM yy", new Date(2001, 4 - 1, 9), settings),
1041 "Lundi Avril 2001", "Format date DD MM yy with settings");
1042 equal($.datepicker.formatDate("DD, MM d, yy", new Date(2001, 4 - 1, 9), settings),
1043 "Lundi, Avril 9, 2001", "Format date DD, MM d, yy with settings");
1044 equal($.datepicker.formatDate("'jour' d 'de' MM (''DD''), yy",
1045 new Date(2001, 4 - 1, 9), settings), "jour 9 de Avril ('Lundi'), 2001",
1046 "Format date 'jour' d 'de' MM (''DD''), yy with settings");
1049 test("Ticket 6827: formatDate day of year calculation is wrong during day lights savings time", function(){
1051 var time = $.datepicker.formatDate("oo", new Date("2010/03/30 12:00:00 CDT"));
1055 test("Ticket 7602: Stop datepicker from appearing with beforeShow event handler", function(){
1057 var inp = TestHelpers.datepicker.init("#inp",{
1058 beforeShow: function(){
1062 dp = $("#ui-datepicker-div");
1063 inp.datepicker("show");
1064 equal(dp.css("display"), "none","beforeShow returns false");
1065 inp.datepicker("destroy");
1067 inp = TestHelpers.datepicker.init("#inp",{
1068 beforeShow: function(){
1071 dp = $("#ui-datepicker-div");
1072 inp.datepicker("show");
1073 equal(dp.css("display"), "block","beforeShow returns nothing");
1074 inp.datepicker("hide");
1075 inp.datepicker("destroy");
1077 inp = TestHelpers.datepicker.init("#inp",{
1078 beforeShow: function(){
1082 dp = $("#ui-datepicker-div");
1083 inp.datepicker("show");
1084 equal(dp.css("display"), "block","beforeShow returns true");
1085 inp.datepicker("hide");
1086 inp.datepicker("destroy");