jQuery Forum

I found that I can get the textbox to update by doing this:

1. $('#datejq').val($('#hidCurrentDate').val());

However, it does not update the calendar UI. Is there anyway to make the UI refresh?

EDIT:
FYI, calling this does not refresh the UI:

1. $('#datejq').datepicker('refresh');
   

Well I keep answering my own questions. I found a way to make it work, although it's not the best solution.

I have a hidden .NET textbox on the page which I needed to stay in sync with the datepicker control. This textbox has an id of "datepicker2". So I modified the bottom part of jquery.ui.datepicker.mobile.js to look like this:

1. //bind to pagecreate to automatically enhance date inputs
       $(".ui-page").live("pagecreate", function() {
           $("input[type='date'], input[data-type='date']", this).each(function() {
               if ($('#datepicker2').length > 0) {
                   $(this).after($("<div />").datepicker({ altField: "#" + $(this).attr("id") + ", #datepicker2", showOtherMonths: true, defaultDate: $("#datepicker2").val() }));
               } else {
                   $(this).after($("<div />").datepicker({ altField: "#" + $(this).attr("id"), showOtherMonths: true }));
               }
           });
       });

I would like to achieve this outside of the constructor, but I could not find any other way to setup an altField and have the datepicker UI update. Maybe this will help other people trying to make this work with .NET though.

I found the way to fix the problem.

jquery.ui.datepicker.mobile.js

1. prevDp.call( this, options );

I think this should be:

1. prevDp.apply( this, arguments );

I'm using the jqm datebox control in my app.  Is this the same control you are referring to?  If not, how come your using the datapicker control and not the datebox control?

No, I'm sorry wtetsu, but your method is wrong. When I replace the call with apply it crashes and the days from other months disappear. The actual solution is very simple.

datepicker() accepts TWO arguments to set the date:

1. .datepicker( "setDate" , date )

In the datepicker mobile source code, only ONE argument was able to be passed:

1. $.fn.datepicker = function( options){
          
           var dp = this;
           //call cached datepicker plugin
           prevDp.call( this, options);

This meant that when tried to set the date, only "setDate" was being passed to the original function, not the date.

The solution:

1. $.fn.datepicker = function( option1 ,option2){
          
           var dp = this;
           //call cached datepicker plugin
           prevDp.call( this, option1, option2 );