rails3 jquery datepicker不能在动态添加的表单字段

当我们的事件编辑页面被加载时，有两个日期字段，其中使用jQuery的日期选择器，当我点击这些字段之一时，也会出现选择器。rails3 jquery datepicker不能在动态添加的表单字段

当文档被加载时，datepicker被初始化。

$ -> 
    $(':input.date').datepicker(dateFormat: 'dd.mm.yy')

和类“日期选择器”会自动添加

<input class="span1 date hasDatepicker" id="event_application_opening_at" name="event[application_opening_at]" size="30" type="text">

，因为它可以将其他日期添加到一个事件，我们正在创造额外的，嵌套的日期字段，当用户点击“添加日期“链接。

尽管“hasDatepicker”类正确地分配给这些字段，但datepicker不能用于这些新创建的字段。看起来发生这种情况是因为日期选择器已经初始化了。我尝试应用destroy（）函数，然后在整个页面内容上重新初始化datepicker，但这不起作用。

任何人谁可以帮助我呢？

来源

2012-10-08 user1727870

试试这个

$(":input.date").live("click", function(){ 
     $(this).datepicker({ 
      dateFormat: 'dd.mm.yy' 
     }); 
    });

更新：

$(":input.date").live("click", function(){ 
      $(this).datepicker({ 
       dateFormat: 'dd.mm.yy' 
      }); 
      $(this).datepicker('show'); 

     });

来源

2012-10-08 11:04:52 hyxnat

这个工程，但我不得不点击进入现场，离开它，然后再次点击它，直到datepicker出现 – user1727870

已更新答案。请检查它 – hyxnat

我现在在Datepicker处于活动状态的日期字段旁添加了小时和分钟的选定字段。当我点击其中一个选择框时，日期选择器也出现在关闭选择下拉列表的日期字段中。为什么会这样呢？选择的项目没有指定的“日期”类 – user1727870

的替代hynxnat的答案会是绑定到：任何代码，您使用添加字段“之后插入”事件。如果您将日期选择器代码添加到该事件，它将确保它在动态插入字段后绑定到页面上的字段。

这会假设你正在使用类似Cocoon的宝石来添加额外的字段。

来源

2012-10-08 11:08:13

rails3 jquery datepicker不能在动态添加的表单字段

回答

相关问题