jquery - 当向我的表单集中添加新的内联时，我的日期选择器停止工作

Question

今天有点奇怪。

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

当表单加载(/authors/create/)时，我有一个作者姓名，在下面我有一个表单，我可以在其中向该作者添加书籍。

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

我现在的问题是，当我添加新的内联时，内联表单的所有日期选择器(用于发布日期字段)都会停止工作。

I have attached my sample project showing exactly what is wrong. You can download and run it here.

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

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