jQuery UI datepicker在动态加载的字段上的行为不符合预期

时间:2014-05-14 11:49:57

标签: javascript jquery jquery-ui jquery-ui-datepicker

我在我的网页上的几个动态加载的元素上应用日期选择器。这些元素通过AJAX加载。以下是代码段。

$('body').on('click','#guaQuestions205\\.answer, #guaQuestions206\\.answer',function(){

            alert('Changing');
            $( "#guaQuestions205\\.answer" ).datepicker(
                    {
                        dateFormat: 'dd/mm/yy',
                        changeMonth:true,
                        changeYear:true ,
                        yearRange: '1900:2025',
                        maxDate: new Date(),
                        onSelect: function(dateText, inst)
                        {
                            alert('Changing');
                            $("#guaQuestions206\\.answer").val('');
                            $("#guaQuestions206\\.answer").datepicker("option", "minDate", dateText);
                        }

                    });

            $( "#guaQuestions206\\.answer" ).datepicker(
                    {
                        dateFormat: 'dd/mm/yy',
                        changeMonth:true,
                        changeYear:true,
                        yearRange: '1900:2025'
                    }); 

        }); 

此代码对那些(通过AJAX加载的元素)应用了datepicker。但是,不应用所提到的属性。对于例如maxDate未设置。还有函数

onSelect: function(dateText, inst)
                        {
                            alert('Changing');
                            $("#guaQuestions206\\.answer").val('');
                            $("#guaQuestions206\\.answer").datepicker("option", "minDate", dateText);
                        }

不起作用。

可能是什么原因?任何解决方案?

0 个答案:

没有答案