如何从jquery datepicker onselect调用更改函数

时间:2009-10-07 05:30:58

标签: jquery

我的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');
});

现在我想调用onSelect上的更改功能请参阅下面的

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();
            }   
        });
});        

请建议,因为它在IE浏览器中给出了长度为null的错误并且在Mozilla中正常工作,并且它没有调用change();功能,它工作正常与模糊,但为此,我需要做模糊,但我想要改变这个功能。

1 个答案:

答案 0 :(得分:0)

您是否知道Jquery UI库具有包含许多主题的datepicker函数?您可以在任何输入字段上使用如下一行调用它:

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

当然,如果需要,您也可以在那里添加选项。 Jquery UI库有很多主题。

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

不是您正在寻找的答案,但希望有所帮助