Response title
This is preview!
Move this topic
[jQuery] Using datePicker as a calendar
in Using jQuery
•
15 years ago
Hello,
I'd like to use the excellent datePicker plugin to make a bigger
calendar that displays summary data from a database for each day in the
month. I've got it working for the first month that displays, but I
don't know how to display new data when the user clicks on the previous
month or next month link.
I think what I need to do is either insert a function into datePicker.js
that makes an Ajax call, then call that function from the built-in
changeMonth function. Or extend jQuery.datePicker with a new method that
includes changeMonth.
I'm not clear on how to do either -- or whether there's a better way.
Thanks,
Bruce
http://www.2MinuteExplainer.com
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
I'd like to use the excellent datePicker plugin to make a bigger
calendar that displays summary data from a database for each day in the
month. I've got it working for the first month that displays, but I
don't know how to display new data when the user clicks on the previous
month or next month link.
I think what I need to do is either insert a function into datePicker.js
that makes an Ajax call, then call that function from the built-in
changeMonth function. Or extend jQuery.datePicker with a new method that
includes changeMonth.
I'm not clear on how to do either -- or whether there's a better way.
Thanks,
Bruce
http://www.2MinuteExplainer.com
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Replies(3)
Re: [jQuery] Using datePicker as a calendar
15 years ago
Hi Bruce,
I'm looking for exactly looking for the same thing, I would like to be able to blank out certain dates and make them not selectable, but also looking at the calendar as a whole, not just a date picker.
I know this is not much help but I will follow this thread closely.
Regards,
Eugene
<div><span class="gmail_quote">On 3/5/07, <b class="gmail_sendername">Bruce McKenzie</b> <<a href="mailto:Bruce@2minuteexplainer.com">
Bruce@2minuteexplainer.com</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">Hello,
I'd like to use the excellent datePicker plugin to make a bigger
calendar that displays summary data from a database for each day in the
month. I've got it working for the first month that displays, but I
don't know how to display new data when the user clicks on the previous
month or next month link.
I think what I need to do is either insert a function into datePicker.js
that makes an Ajax call, then call that function from the built-in
changeMonth function. Or extend jQuery.datePicker
with a new method that
includes changeMonth.
I'm not clear on how to do either -- or whether there's a better way.
Thanks,
Bruce
<a href="http://www.2MinuteExplainer.com">http://www.2MinuteExplainer.com
</a>
_______________________________________________
jQuery mailing list
<a href="mailto:discuss@jquery.com">discuss@jquery.com</a>
<a href="http://jquery.com/discuss/">http://jquery.com/discuss/</a>
</blockquote>
</div>
<br clear="all">
--
------------------------------------------------
Eugene Louw
Nowhere, South Africa
------------------------------------------------
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
I'm looking for exactly looking for the same thing, I would like to be able to blank out certain dates and make them not selectable, but also looking at the calendar as a whole, not just a date picker.
I know this is not much help but I will follow this thread closely.
Regards,
Eugene
<div><span class="gmail_quote">On 3/5/07, <b class="gmail_sendername">Bruce McKenzie</b> <<a href="mailto:Bruce@2minuteexplainer.com">
Bruce@2minuteexplainer.com</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">Hello,
I'd like to use the excellent datePicker plugin to make a bigger
calendar that displays summary data from a database for each day in the
month. I've got it working for the first month that displays, but I
don't know how to display new data when the user clicks on the previous
month or next month link.
I think what I need to do is either insert a function into datePicker.js
that makes an Ajax call, then call that function from the built-in
changeMonth function. Or extend jQuery.datePicker
with a new method that
includes changeMonth.
I'm not clear on how to do either -- or whether there's a better way.
Thanks,
Bruce
<a href="http://www.2MinuteExplainer.com">http://www.2MinuteExplainer.com
</a>
_______________________________________________
jQuery mailing list
<a href="mailto:discuss@jquery.com">discuss@jquery.com</a>
<a href="http://jquery.com/discuss/">http://jquery.com/discuss/</a>
</blockquote>
</div>
<br clear="all">
--
------------------------------------------------
Eugene Louw
Nowhere, South Africa
------------------------------------------------
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Leave a comment on eugene.louw's reply
Re: [jQuery] Using datePicker as a calendar
15 years ago
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type">
</head>
<body bgcolor="#ffffff" text="#000000">
<tt>I've resorted to writing my own calendar functions (a mix of JS and
ColdFusion) because I needed more than just a date picker. I'll watch
this thread too, and see where it goes. :o)
Chris
</tt>
Eugene Louw wrote:
<blockquote
cite="mid1779a05f0703081245m4dd0a39dqbf0e123b32b5f4ab@mail.gmail.com"
type="cite">Hi Bruce,
I'm looking for exactly looking for the same thing, I would like to be
able to blank out certain dates and make them not selectable, but also
looking at the calendar as a whole, not just a date picker.
I know this is not much help but I will follow this thread closely.
Regards,
Eugene
<div><span class="gmail_quote">On 3/5/07, <b class="gmail_sendername">Bruce
McKenzie</b> <<a href="mailto:Bruce@2minuteexplainer.com">
Bruce@2minuteexplainer.com</a>> wrote:</span>
<blockquote class="gmail_quote"
style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">Hello,
I'd like to use the excellent datePicker plugin to make a bigger
calendar that displays summary data from a database for each day in the
month. I've got it working for the first month that displays, but I
don't know how to display new data when the user clicks on the previous
month or next month link.
I think what I need to do is either insert a function into datePicker.js
that makes an Ajax call, then call that function from the built-in
changeMonth function. Or extend jQuery.datePicker with a new method that
includes changeMonth.
I'm not clear on how to do either -- or whether there's a better way.
Thanks,
Bruce
<a href="http://www.2MinuteExplainer.com">http://www.2MinuteExplainer.com
</a>
_______________________________________________
jQuery mailing list
<a href="mailto:discuss@jquery.com">discuss@jquery.com</a>
<a href="http://jquery.com/discuss/">http://jquery.com/discuss/</a>
</blockquote>
</div>
<br clear="all">
--
------------------------------------------------
Eugene Louw
Nowhere, South Africa
------------------------------------------------
<pre wrap="">
<hr size="4" width="90%">
_______________________________________________
jQuery mailing list
<a class="moz-txt-link-abbreviated" href="mailto:discuss@jquery.com">discuss@jquery.com</a>
<a class="moz-txt-link-freetext" href="http://jquery.com/discuss/">http://jquery.com/discuss/</a>
</pre>
</blockquote>
<pre class="moz-signature" cols="72">--
<a class="moz-txt-link-freetext" href="http://www.cjordan.us">http://www.cjordan.us</a></pre>
</body>
</html>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
<html>
<head>
<meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type">
</head>
<body bgcolor="#ffffff" text="#000000">
<tt>I've resorted to writing my own calendar functions (a mix of JS and
ColdFusion) because I needed more than just a date picker. I'll watch
this thread too, and see where it goes. :o)
Chris
</tt>
Eugene Louw wrote:
<blockquote
cite="mid1779a05f0703081245m4dd0a39dqbf0e123b32b5f4ab@mail.gmail.com"
type="cite">Hi Bruce,
I'm looking for exactly looking for the same thing, I would like to be
able to blank out certain dates and make them not selectable, but also
looking at the calendar as a whole, not just a date picker.
I know this is not much help but I will follow this thread closely.
Regards,
Eugene
<div><span class="gmail_quote">On 3/5/07, <b class="gmail_sendername">Bruce
McKenzie</b> <<a href="mailto:Bruce@2minuteexplainer.com">
Bruce@2minuteexplainer.com</a>> wrote:</span>
<blockquote class="gmail_quote"
style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">Hello,
I'd like to use the excellent datePicker plugin to make a bigger
calendar that displays summary data from a database for each day in the
month. I've got it working for the first month that displays, but I
don't know how to display new data when the user clicks on the previous
month or next month link.
I think what I need to do is either insert a function into datePicker.js
that makes an Ajax call, then call that function from the built-in
changeMonth function. Or extend jQuery.datePicker with a new method that
includes changeMonth.
I'm not clear on how to do either -- or whether there's a better way.
Thanks,
Bruce
<a href="http://www.2MinuteExplainer.com">http://www.2MinuteExplainer.com
</a>
_______________________________________________
jQuery mailing list
<a href="mailto:discuss@jquery.com">discuss@jquery.com</a>
<a href="http://jquery.com/discuss/">http://jquery.com/discuss/</a>
</blockquote>
</div>
<br clear="all">
--
------------------------------------------------
Eugene Louw
Nowhere, South Africa
------------------------------------------------
<pre wrap="">
<hr size="4" width="90%">
_______________________________________________
jQuery mailing list
<a class="moz-txt-link-abbreviated" href="mailto:discuss@jquery.com">discuss@jquery.com</a>
<a class="moz-txt-link-freetext" href="http://jquery.com/discuss/">http://jquery.com/discuss/</a>
</pre>
</blockquote>
<pre class="moz-signature" cols="72">--
<a class="moz-txt-link-freetext" href="http://www.cjordan.us">http://www.cjordan.us</a></pre>
</body>
</html>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Leave a comment on chris.s.jordan's reply
Re: [jQuery] Using datePicker as a calendar
15 years ago
I'm glad you guys are watching. I was wondering whether my question was
considered trivial by everyone but me.
Turns out it is pretty easy to add a callback. I modified the code in
datePicker.js, as follows.
//Kelvin's code initing datePicker
changeMonth: function(d, e){
_drawingMonth = true;
_draw(_getCalendarDiv(d));
_drawingMonth = false;
// my addition to this func
if (this.callback){
this.callback(d);
//d is a Date object -- the last day of
//the requested month, IIRC
}
},
Now that I notice how brief that changeMonth function is, I suppose it
would be more efficient just to replace it before applying the
datePicker, rather than make changes in the plugin itself:
jQuery.datePicker.changeMonth = function(){
//as above
};
as to the callback:
jQuery.datePicker.callback = function(d)
// get some data for the month containing
// date(object) d
};
HTH
Bruce
Christopher Jordan said the following on 3/8/2007 3:51 PM:
> I've resorted to writing my own calendar functions (a mix of JS and
> ColdFusion) because I needed more than just a date picker. I'll watch
> this thread too, and see where it goes. :o)
>
> Chris
>
> Eugene Louw wrote:
>> Hi Bruce,
>>
>> I'm looking for exactly looking for the same thing, I would like to be
>> able to blank out certain dates and make them not selectable, but also
>> looking at the calendar as a whole, not just a date picker.
>>
>> I know this is not much help but I will follow this thread closely.
>>
>> Regards,
>> Eugene
>>
>> On 3/5/07, *Bruce McKenzie* < Bruce@2minuteexplainer.com
>> <mailto:Bruce@2minuteexplainer.com>>
considered trivial by everyone but me.
Turns out it is pretty easy to add a callback. I modified the code in
datePicker.js, as follows.
//Kelvin's code initing datePicker
changeMonth: function(d, e){
_drawingMonth = true;
_draw(_getCalendarDiv(d));
_drawingMonth = false;
// my addition to this func
if (this.callback){
this.callback(d);
//d is a Date object -- the last day of
//the requested month, IIRC
}
},
Now that I notice how brief that changeMonth function is, I suppose it
would be more efficient just to replace it before applying the
datePicker, rather than make changes in the plugin itself:
jQuery.datePicker.changeMonth = function(){
//as above
};
as to the callback:
jQuery.datePicker.callback = function(d)
// get some data for the month containing
// date(object) d
};
HTH
Bruce
Christopher Jordan said the following on 3/8/2007 3:51 PM:
> I've resorted to writing my own calendar functions (a mix of JS and
> ColdFusion) because I needed more than just a date picker. I'll watch
> this thread too, and see where it goes. :o)
>
> Chris
>
> Eugene Louw wrote:
>> Hi Bruce,
>>
>> I'm looking for exactly looking for the same thing, I would like to be
>> able to blank out certain dates and make them not selectable, but also
>> looking at the calendar as a whole, not just a date picker.
>>
>> I know this is not much help but I will follow this thread closely.
>>
>> Regards,
>> Eugene
>>
>> On 3/5/07, *Bruce McKenzie* < Bruce@2minuteexplainer.com
>> <mailto:Bruce@2minuteexplainer.com>>
Leave a comment on bgmckenzie's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to bgmckenzie's discussion