0

当我们的事件编辑页面加载时，有两个日期字段使用 jquery datepicker，当我单击其中一个字段时，选择器也会出现。

加载文档时初始化 datepicker。

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

并且自动添加了“datepicker”类

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

因为可以将其他日期添加到事件中，所以当用户单击“添加日期”链接时，我们会创建额外的嵌套日期字段。

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

有谁能帮我解决这个问题吗？

4

2 回答 2

0

试试这个

 $(":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-08T11:04:52.210 回答
0

hynxnat 答案的替代方法是绑定到您用于添加字段的任何代码的“after:insert”事件。如果您将 datepicker 代码添加到该事件，它将确保在动态插入字段后绑定到页面上的字段。

这将假设您正在使用 Cocoon gem 之类的东西来添加额外的字段。

于 2012-10-08T11:08:13.620 回答