[FIXED] Django – Aktualisieren des Werts nur für das letzte Element der Liste

Ausgabe

So sieht meine ToDoapp aus

Die Datumsänderung funktioniert nur für das letzte Element in der Liste, aber für andere Elemente wird der Fehler ausgegeben:

ValidationError at /
['“” value has an invalid date format. It must be in YYYY-MM-DD format.']

Ich sehe, dass unabhängig von der Schaltfläche “Aktualisieren”, die ich drücke, nur die ID und das Datum des letzten Elements übergeben werden.

Finden Sie meinen Code unten:

Index.html

{% extends 'base.html' %}
{% block content %}

<h3 style = "margin-bottom: 20px"><strong>To Do List App</strong></h3>

<form method="POST">
    {%csrf_token%}
<ul class="list-group">

{% for task in tasklist %}
<li class="list-group-item d-flex justify-content-between align-items-center">
    <input type='hidden' name = 'task_id' value='{{task.id}}'>{{task.tasks}}
    <span class="badge bg-primary rounded-pill">{{task.duedate}}
        <input type="date" name="datepick" />
        <input type='submit' value ='Update'>   
    </span>
</li>
{% endfor %}

</form>

Ansichten.py

def index(request):
    if request.method == "POST":
        task_id = request.POST.get('task_id')
        task=Task.objects.get(id=task_id)
        datepick = request.POST.get('datepick')
        task.duedate = datepick
        task.save()
    tasklist = Task.objects.all()
    return render(request, 'index.html', {'tasklist':tasklist})

Modelle.py

class Task(models.Model):
    tasks = models.CharField(max_length=200)
    duedate = models.DateField(blank=True)

Ich habe das Gefühl, dass der Fehler in der HTML-Datei liegt, und bin mit HTML nicht vertraut.

Lösung

Jede Aufgabe auf der Liste sollte ein eigenes Formular haben.

{% extends 'base.html' %}
{% block content %}
<h3 style = "margin-bottom: 20px"><strong>To Do List App</strong></h3>
<ul class="list-group">
{% for task in tasklist %}
<li class="list-group-item d-flex justify-content-between align-items-center">
<form method="POST">
    {%csrf_token%}
    <input type='hidden' name = 'task_id' value='{{task.id}}'>{{task.tasks}}
    <span class="badge bg-primary rounded-pill">{{task.duedate}}
    <input type="date" name="datepick" />
    <input type='submit' value ='Update'>  
    </span>
</form>
    </li>
{% endfor %}
</ul>

Beantwortet von – fasfrtewqt2354r2edrq

Antwort geprüft von – Gilberto Lyons (FixError Admin)