如何将Django数据库表中的手动日期设置为HTML中的DatePicker？

from django.db import models

class Event(models.Model):
    date = models.DateField()
    # 其他字段...

from django import forms
from .models import Event

class EventForm(forms.ModelForm):
    class Meta:
        model = Event
        fields = '__all__'
        widgets = {
            'date': forms.DateInput(attrs={'type': 'date'})
        }

{% load static %}

<form method="post" action="{% url 'event_create' %}">
  {% csrf_token %}
  {{ form.as_p }}
  <input type="submit" value="保存">
</form>

<!-- 引入所需的静态文件 -->
<link rel="stylesheet" href="{% static 'css/datepicker.css' %}">
<script src="{% static 'js/datepicker.js' %}"></script>
<script>
  // 初始化DatePicker
  document.addEventListener('DOMContentLoaded', function() {
    flatpickr("#id_date", {
      // 可根据需求进行配置
    });
  });
</script>

from django.shortcuts import render, redirect
from .forms import EventForm

def event_create(request):
    if request.method == 'POST':
        form = EventForm(request.POST)
        if form.is_valid():
            form.save()
            return redirect('event_list')
    else:
        form = EventForm()
    return render(request, 'event_form.html', {'form': form})