如何使用jQuery动态按类添加datePicker？

Question

我正在使用“ jquery-1.9.1.js”，而我的JavaScript代码如下：

$('.fromSearch').on('focus', function(){
var $this = $(this);
  if(!$this.data('datepicker')) {
   $this.removeClass("hasDatepicker");
   $this.datepicker();
   $this.datepicker("show");
  } 
});

我的html代码是这样的：

<div id="duration" class="duration">
    <td><input type="text" id="fromSearch" class="fromSearch"></td>
</div>

问题：我正在动态生成“ fromSearch”（日期选择器），可以说是5个日期选择器，但是我第一次才获得日期选择器！

我一直在研究针对类似问题的解决方案，但没有一个对我有用。 有谁能帮助我弄清楚我要去哪里错了？ 谢谢你的时间。 :)

Answer 1

您可以尝试如下操作：

$('body').on('focus', '.fromSearch', function(){
    $(this).datepicker();
});

更新

要将日期传递给函数，请在datepicker写入onselect事件，如下所示：

$('body').on('focus', '.fromSearch', function(){
    $(this).datepicker({
          onSelect: function (dateText, inst) {
                   //do necessary actions
          }
    });
});

Answer 2

您的代码似乎可以正常工作。 您需要确保包含jQuery-ui。 DatePicker不与jQuery捆绑在一起

http://code.jquery.com/ui/