How can I show the month name instead of date range in wdCalendar jquery plugin?
<p>I have recently started using the <a href="http://www.web-delicious.com/jquery-plugins/#calendar" rel="nofollow">wdClendar</a> jquery plugin for one of my intranet sites. It works great but there have been a couple requests made that I cannot seem to work out. I have the calendar defaulted to displaying a month view. When the page is first loaded, the location where the date range should be just says "Loading". I have tried several ways to force it to refresh but it will not until i change months or change the view. That is the first problem and even the demo site shows the same behavior. </p>

<p><img src="http://lh6.ggpht.com/_HzVXTmY0YG8/THKs5Gk_WRI/AAAAAAAAAFY/h10ozDSY_OE/s800/loading.PNG" alt="Loading"></p>

<p>I have been using Firefox/Firebug for debugging javascript. If i set a break point in the code at <code>var p = $("#gridcontainer").bcalendar(op).BcalGetOp();</code> and step through it, it works. The date range display is update. But not on a regular display of the page and there are no errors when the page loads. It seems that piece of code is running before the page is fully loaded. Here is a snippet.</p>

<pre><code>    $(document).ready(function() {    
    $("#content_table").width("95%");
       var view="month";          

        var DATA_FEED_URL = "/media/js/wdCalendar/php/datafeed.php";
        var op = {
            view: view,
            theme:3,
weekstartday:0,
            showday: new Date(),
            EditCmdhandler:Edit,
            DeleteCmdhandler:Delete,
            ViewCmdhandler:View,    
            onWeekOrMonthToDay:wtd,
            onBeforeRequestData: cal_beforerequest,
            onAfterRequestData: cal_afterrequest,
            onRequestDataError: cal_onerror, 
            autoload:true,
            url: DATA_FEED_URL + "?method=list",  
            quickAddUrl: DATA_FEED_URL + "?method=add", 
            quickUpdateUrl: DATA_FEED_URL + "?method=update",
            quickDeleteUrl: DATA_FEED_URL + "?method=remove"        
        };
        var $dv = $("#calhead");
        var _MH = document.documentElement.clientHeight;
        var dvH = $dv.height() + 2;
        op.height = _MH - dvH;
        op.eventItems =[];

        var p = $("#gridcontainer").bcalendar(op).BcalGetOp();
        if (p &amp;&amp; p.datestrshow) {
            $("#txtdatetimeshow").text(p.datestrshow);
        }
        ...});
</code></pre>

<p>That last 4 lines is what should be changing the display. Everything else (...) in the file are functions and jQuery selectors.</p>

<p>The second issue is my client wants the month name to display, instead of the date range, when in month view. I am not advanced enough with javascript to make this change on my own.</p>

<p><img src="http://lh6.ggpht.com/_HzVXTmY0YG8/THKs5ZTCdBI/AAAAAAAAAFc/sFBC8GLiqFY/s800/range.PNG" alt="Loading"></p>

<p>Any help will be greatly appreciated.</p>
