Question

如何在Django Admin中自定义日期选择器？

我想删除“今天”链接，并将图形选择器中的月份值设置为比当前月份更多的月份。

Answer 1

尝试编写自己的Widget，然后覆盖你的Widget：

class CustomerAdmin(admin.ModelAdmin):
    formfield_overrides = {
        models.DateField: { 'widget': AdminDateWidget },
    }

Answer 2

我能够在Django管理员中自定义默认日期小部件。我遵循了两个教程（来自Simple is Better than Complex和Django Custom Widget）

在Django应用中名为widgets.py的文件中编写自定义窗口小部件

from django.forms import DateInput


class CustomDatePickerInput(DateInput):
    template_name = "app_name/widgets/custom_datepicker.html"

    class Media:
        css = {
            "all": (
                "https://cdnjs.cloudflare.com/ajax/libs/datepicker/0.6.5/datepicker.min.css",
            )
        }
        js = (
            "https://code.jquery.com/jquery-3.4.1.min.js",
            "https://cdnjs.cloudflare.com/ajax/libs/datepicker/0.6.5/datepicker.min.js",
            "https://cdnjs.cloudflare.com/ajax/libs/datepicker/0.6.5/i18n/datepicker.es-ES.min.js",
        )

请注意，您可能需要的CSS和JS文件应添加到内部Media类中，如上面的代码所示。在这种情况下，它将为自定义date picker添加样式。

定义窗口小部件的模板，有关日期选择器的更多选项，请参见here，将此文件放入app_name/templates/app_name/widgets/custom_datepicker.html或确保此模板与自定义窗口小部件中的template_name的值匹配：

{% load i18n %}

{% include "django/forms/widgets/input.html" %}
{% get_current_language as LANGUAGE_CODE %}

<script>
  $(function () {
    const DATE_PICKER_OPTIONS = {
      'en-us': {
        format: 'yyyy-mm-dd',
        language: ''
      },
      'es': {
        format: 'dd/mm/yyyy',
        language: 'es-ES'
      }
    };
    let options = DATE_PICKER_OPTIONS['{{ LANGUAGE_CODE }}'];
    $("input[name='{{ widget.name }}']").datepicker({
      format: options.format,
      language: options.language
    });
  });
</script>

在这种情况下，您应该添加选项date（例如：date: new Date(2014, 1, 14)），因为您还会询问如何选择另一个月。

在Django管理员中注册模型时，您需要在日期字段中指出要使用什么小部件（使用formfield_overrides）

@admin.register(YourModel)
class YourModelAdmin(admin.ModelAdmin):
    formfield_overrides = {models.DateField: {"widget": CustomDatePickerInput}}

完成后，您将在Django管理员中拥有一个用于日期的自定义小部件。请记住，这只是一个指南，您可以通过阅读我指出的两个教程来进一步了解。

注意：该小部件的实现还支持国际化。

在Django Admin中自定义日期选择器

2 个答案: