Javascript calendar - change text display order of day and month?
I need to change the display of the date to dd/mm/yyyy rather than the American version (mm/dd/yyyy). Simple enough yet I'm struggling to do this.
Example of the script works here -
http://blog.davglass.com/files/yui/cal2/
Please help!!!!!
1var cal1;
2var over_cal = false;
3function init() {
4 cal1 = new YAHOO.widget.Calendar("cal1","cal1Container");
5 cal1.selectEvent.subscribe(getDate, cal1, true);
6 cal1.renderEvent.subscribe(setupListeners, cal1, true);
7 YAHOO.util.Event.addListener('cal1Date', 'focus', showCal);
8 YAHOO.util.Event.addListener('cal1Date', 'blur', hideCal);
9 cal1.render();
10}
11
12function setupListeners() {
13 YAHOO.util.Event.addListener('cal1Container', 'mouseover', overCal);
14 YAHOO.util.Event.addListener('cal1Container', 'mouseout', outCal);
15}
16
17function getDate() {
18 var calDate = this.getSelectedDates()[0];
19 calDate = (calDate.getMonth() + 1) + '/' + calDate.getDate() + '/' + calDate.getFullYear();
20 YAHOO.util.Dom.get('cal1Date').value = calDate;
21 over_cal = false;
22 hideCal();
23}
24
25function showCal() {
26 var xy = YAHOO.util.Dom.getXY('cal1Date');
27 var date = YAHOO.util.Dom.get('cal1Date').value;
28 if (date) {
29 cal1.cfg.setProperty('selected', date);
30 cal1.cfg.setProperty('pagedate', new Date(date), true);
31 cal1.render();
32 }
33 YAHOO.util.Dom.setStyle('cal1Container', 'display', 'block');
34 xy[1] = xy[1] + 20;
35 YAHOO.util.Dom.setXY('cal1Container', xy);
36}
37
38function hideCal() {
39 if (!over_cal) {
40 YAHOO.util.Dom.setStyle('cal1Container', 'display', 'none');
41 }
42}
43
44function overCal() {
45 over_cal = true;
46}
47
48function outCal() {
49 over_cal = false;
50}
51
52YAHOO.util.Event.addListener(window, 'load', init);
HTML SIDE
=========
1<form method="get" action="index.php">
2Select Date:
3<input type="text" name="cal1Date" id="cal1Date" autocomplete="off" size="35" value="<?php echo(($_GET['cal1Date']) ? urldecode($_GET['cal1Date']) : '') ?>" />
4<input type="submit" value="Submit" />
5</form>
6<div id="cal1Container"></div>
|