jQuery提取id然后根据类别附上日历

Question

我正在使用现有的JavaScript库，它执行AJAX调用，然后执行可选的回调函数。回调函数传递正在加载到DOM中的HTML字符串。我需要将jQuery datepicker分配给该HTML字符串中日历类的所有元素。

从AJAX查询HTML字符串的一个简单的例子是：

<tr id='1234'> 
    <td> 
     <input type="text" value="somevalue" /> 
     <input type="text" class="calendar" value="21/12/2010" /> 
    </td> 
    <td> 
     <input type="text" value="someothervalue" /> 
     <input type="text" class="calendar" value="21/12/2011" /> 
    </td> 
</tr> 

我可以执行在回调函数下面以设置两个所需投入的日期选择器，但是，是造成奇怪的事情发生随着日期选择器，例如从2010年的下一个按钮跳转到1900年以前的按钮跳转到1899年

$(".calendar").datepicker('destroy').datepicker({ dateFormat: 'dd/mm/yy', showAnim: 'fadeIn', duration: 200, gotoCurrent: true, changeYear: true, yearRange: 'c-120:c' }); 

因此我想，而不是仅仅局限于HTML代码段内声明的元素提供给回调f结。我可以使用哪些jQuery的模式acheive以下结果指出，HTML参数是一个字符串：

function SetCalendar(html) { 
    $("html.children .calendar").datepicker('destroy').datepicker({ dateFormat: 'dd/mm/yy', showAnim: 'fadeIn', duration: 200, gotoCurrent: true, changeYear: true, yearRange: 'c-120:c' }); 

}

Answer 1

可能有更好的方法，但这个工程。我仍然遇到了令人讨厌的问题，即datepicker上的下一个按钮从2010年7月跳到1900年1月，但我猜这是datepicker代码中的其他内容。

function SetCalendar(html) { 
    var id = "#" + /.*?id="(.*?)"/.exec(html)[1]; 
    $(id).find('input.calendar').datepicker('destroy').datepicker({ 
      dateFormat: 'dd/mm/yy', 
      showAnim: 'fadeIn', 
      duration: 200, 
      gotoCurrent: true, 
      changeYear: true, 
      yearRange: 'c-120:c' 
    }); 
} 

Answer 2

你几乎拥有了。如果你使用这个作为你的ajax成功函数。

function ajaxSuccessFn(html) { 
    $(html).find('input.calendar').datepicker({ 
      dateFormat: 'dd/mm/yy', 
      showAnim: 'fadeIn', 
      duration: 200, 
      gotoCurrent: true, 
      changeYear: true, 
      yearRange: 'c-120:c' 
    }).end().appendTo('#someElement'); 
}