Hi
I am using the DatePicker. When i tested it in a local html page it
worked fine. When I tried to bring the functionality in to my
application, the month label appears across the top with the relevant
icons to navigate to the next and previous months.
However, the days of the week are output vertically down the page
under which i get about 70 lines of Javascript output before the dates
are output, e.g.
September 2008
S
M
T
W
T
F
S
function (iterator, context) { var index = 0; iterator =
iterator.bind(context); try { this._each(function (value)
{iterator(value, index++);}); } catch (e) { if (e != $break) { throw
e; } } return this; }
function (number, iterator, context) { iterator = iterator ?
iterator.bind(context) : Prototype.K; var index = - number, slices =
[],......................................
31
1
2
3
4
5
6
7
8
9
10
etc
My JQuery code looks like:
var J = jQuery.noConflict();
// <![CDATA[
J('#calendar').jCal({
day: new Date(),
days: 1,
showMonths: 1,
sDate: new Date(),
eDate: new Date(),
callback: function (day, days) {
J(this._target).find('.dInfo').remove();
var dCursor = new Date( day.getTime() );
var currDay =
document.getElementById(this.cID + 'd_' +
( dCursor.getMonth() + 1 ) + '_' + dCursor.getDate() + '_' +
dCursor.getFullYear());
J(currDay, this._target).append('<div
class="dInfo"></div>');
dCursor.setDate( dCursor.getDate() + 1
);
return true;
}
});
// ]]>
and my xhtml file looks like:
<t:div styleClass="content">
<t:div id="calendar"></t:div>
<t:div id="calResults">
</t:div>
Any help would be greatly appreciated
Thanks
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
