Monday, February 21, 2011

How to call change function from jquery datepicker onselect

hi,

I have below function for my Jquery Datepicker.

$(document).ready(function() 
{        
    $(".txtDate").datepicker({
    showOn: 'button',
    buttonImage: '../images1/calendar.gif', 
    buttonImageOnly: true,
    dateFormat: 'dd/mm/yy',      
    showOtherMonths: true,
    showStatus: true,
    onSelect:function(){}
    });
    $('.ui-datepicker-trigger').attr('alt', 'Date').attr('title', 'Select Date').attr('align', 'absMiddle');
});

Now I want to call change function onSelect Please see below

onSelect:function(){}
        });


 $(document).ready(function() 
   {    
            var zeroPad = function(num) 
            {
                    var s = '0'+num;
                    return s.substring(s.length-2)           
              };

        $('#ctl00_ContentPlaceHolder2_FormView1_ApprovedDTTextBox').change(function () 
        {
            var value = $(this).val();
            var regex = /^\d{2}\/\d{2}\/\d{4}$/;      

            if (regex.test(value)) 
            {                         

                  var myDate = new Date(Date.parse(reformat(value)));              
                  $('#ctl00_ContentPlaceHolder2_FormView1_ExpiryDTTextBox').val (zeroPad(myDate.getDate()) + '/' + 
                        zeroPad(myDate.getMonth() + 1) + '/' + (myDate.getFullYear() + 3));
                        $("#ctl00_ContentPlaceHolder2_FormView1_ExpiryDTTextBox").focus();
            } 
            else 
            {
                  //alert('invalid date');   
                  $('#ctl00_ContentPlaceHolder2_FormView1_ApprovedDTTextBox').val('');
                  $("#ctl00_ContentPlaceHolder2_FormView1_ApprovedDTTextBox").focus();
            }   
        });
});

Please suggest as it giving error of length null in IE Explorer and working fine in Mozilla, as well as it is not calling change(); fuction, It is working fine with blur but for that I need to do blur, however I want this functionality on change.

From stackoverflow
  • Are you aware that the Jquery UI library has a datepicker function with many themes? And you can invoke it on any input field with a single line like this:

    $('#myfav').datepicker();
    

    Of course you can add your options there too if needed. And the Jquery UI library has many themes.

    http://docs.jquery.com/UI/Datepicker

    Not the answer you're looking for, but hope it helps

0 comments:

Post a Comment