使用for循环创建的输入元素的日期拾取器


Datepicker for input elements created using for loop

我想为PHP for循环创建的输入元素添加Jquery日期选择器

假设我使用'for'循环并生成5个输入元素:

 for($i=0;$i<=5;$i++)
 {
  echo '<input class="datepicker_input"/>';
 }

现在如果我尝试附加JQuery日期选择器

 $(window).load(function(){
    $(".datepicker_input").datepicker();
 });

这使得datepicker选项显示到生成的所有元素,但是当我选择第二个输入并更改日期时,第一个输入被更改,并且事件不绑定到其他输入元素。

如何使日期选择器选项适用于所有输入元素

首先选择

$("datepicker_input") is incorrect,
//it should be $(".datepicker_input").datepicker();

,然后使用,如果你想绑定多个项目,然后去jquery每个。如-

$('selector').each(function(){
$(this).datepicker();
});

感谢您的帮助…我有答案了。只需要输入元素的id。

解决方案:

动态创建元素:

  for($i=0;$i<=5;$i++)
  {
   echo '<input id="elementid'.$i.'" class="datepicker_input"/>';
  }
在JQuery:

 $(function() {
    $('.qwer').each(function(){
        $(this).datepicker();
    });
 });