在我的formset中添加新的内联时,我的日期选择程序停止工作

Question

今天有点奇怪.

我有一个非常基本的项目.一个表单,并添加到我有一个内联表单.这是作者的书.

当表单加载(/ authors/create /)时,我有一个作者姓名,在下面我有一个表格,我可以在那里为该作者添加书籍.

为了能够拥有动态内联(能够在表单上添加或删除),我正在使用http://code.google.com/p/django-dynamic-formset/.

我现在的问题是,当我添加一个新的内联时,内联表单的所有日期选择器(对于日期发布的字段)都停止工作.

我附上了我的示例项目,显示出了什么问题.您可以在此处下载并运行它.

为什么以及如何解决这个问题？

Answer 1

我相信有更清洁,更聪明的方法.但是工作的概念证明:

function renewDatePickers() {
    $('.datepicker').datepicker('destroy');
    $(".datepicker").datepicker({dateFormat: 'yy-mm-dd'});
}

$(renewDatePickers);

$(function() {
    $('.form-row.inline.{{ book_form.prefix }}').formset({
        prefix: '{{ book_form.prefix }}',
        added: renewDatePickers // Event -- read inline docs
    });
})

并采取您的JS代码base.html到author_form.html