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

标签 jquery django datepicker inline-formset

今天有点奇怪。

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

当表单加载(/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.

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

最佳答案

我确信有更干净、更聪明的方法来做到这一点。但正在进行概念验证:

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

关于jquery - 当向我的表单集中添加新的内联时,我的日期选择器停止工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6719063/

相关文章:

django - 南,如何从 CharField 迁移到 ForeignKey?

python - XlsxWriter 对象另存为 http 响应以在 Django 中创建下载

python - 使用 boto3 从 s3 下载时使用文件名作为文件名

iOS DatePicker 数据到文本字段

Jquery - 查找具有类名的最接近的父级

jquery - 自定义 WP FlexSlider 插件 - 删除上一个/下一个侧面板

javascript - jssor transition builder - 如何将代码添加到现有 slider ?

android - 如何以编程方式设置 datePickerMode ="spinner"?

angular - 除了在 ngAfterViewInit() 上使用之外,还有其他方法可以在组件上使用 NgbDatepicker 导航 To() 吗?

javascript - 无法在动态 json 解析内容上运行脚本