使用for循环创建的输入元素的Datepicker

时间:2014-08-06 05:20:25

标签: php jquery

我想将Jquery日期选择器添加到PHP中从for循环创建的输入元素。

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

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

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

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

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

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

2 个答案:

答案 0 :(得分:1)

首先是你的选择器

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

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

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

答案 1 :(得分:0)

感谢您提供的帮助...... 我得到了解决方案。只有我需要输入元素的id。

解决方案:

动态创建元素:

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

在JQuery中:

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

现在有效......