如何使用jquery动态添加class的datePicker?

How to add datePicker by class dynamically using jquery?

我正在使用 "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 个日期选择器,但我只是第一次获得日期选择器!

我一直在研究针对类似问题提供的解决方案,但 none 对我有用。任何机构都可以帮助我弄清楚我哪里出错了吗? 谢谢你的时间。 :)

您可以尝试如下:

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

更新

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

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

您的代码似乎有效。您需要确保包含 jQuery-ui。 DatePicker 未与 jQuery

捆绑在一起

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