Python/Djangoのフォームで、更新時Date項目の初期表示が空白になってしまう（更新前の値が表示されない）

Question

日付項目を更新するときに、更新前の値が表示されない

Python/Django でWebアプリ開発を行っています。
その際に、ユーザーからの日付を入力してもらう項目を設けています。
登録は普通に出来るのですが、更新時に画面を開くと、更新前の値が表示されず、常に空白になっています。
これだと再度ユーザーが値を入れなければならなくなるので困っています。

環境

Python 3.7.6
Django 2.2.1
bootstrap4

デザインはMaterial Bootstrapのフレームワークを使っています。
MaterialBootstrap

当該画面で使っているdatepickerはこちらです。
Datepicker

今のコード

(models.py)

class MyModel(models.Model):
    start = models.DateField("開始日", blank=False)

(views.py)

class MyModelUpdate(UpdateView):
    template_name = 'myapp/my_model_update.html'
    model = MyModel
    form_class = MyModelForm
   
    def get_success_url(self):
        messages.success(self.request, 'アップデートしました！')
        return resolve_url('myapp:index')

(forms.py)

class MyModelForm(forms.ModelForm):
    class Meta:
        model = MyModel
        fields = ['start',] 

(my_model_update.html)

<script>
    $(document).ready(function() {
        $('.datepicker').pickadate({
            format: 'yyyy-mm-dd',
            formatSubmit: 'yyyy-mm-dd',
        });    
    });
</script>


    <div class="col-sm-4">
        <label for="text3a" class="col-form-label center">開始</label>
        <input type="date" name="start" class="form-control datepicker" value={{form.start}}>
    </div>

今の結果

更新画面を開いた状態ですが、このように空白になってしまいます。
実際には更新前の値を持っているので、その値を表示したいです。
空白になってしまうので、このまま更新しようとするとエラーになります。（modelでblank=Falseにしているため）

なお、<script>はうまく動いており、下記のようにモーダルが出て、日付を選択できるようになっています。

（入力欄の後に「>」が出てしまいますが、これは別の質問をあげています。）

データは正しく更新されています。

どなたかご教授いただけますと幸いです。
よろしくお願いいたします。

Answer 1

inputのvalue属性に、フィールドがレンダリングされていませんか？レンダリングしたHTMLを確認してみてください。

ちなみに、下記のようにしたらどうなりますか？

value= "{{ form.start.value }} "

Comments

[ak_suzuki]

ありがとうございます。`value= "{{ form.start.value }} "`としたところ、日付入力蘭の後ろに出ていた「>」は消えました。

変更後のソースを見ると次の様になりました。

```HTML
<label for="text3a" class="col-form-label center">開始</label>
<input type="date" name="start" class="form-control datepicker" value="2020年6月1日">
```

変更前のHTMLは、

```HTML
<label for="text3a" class="col-form-label center">開始</label>
<input type="date" name="start" class="form-control datepicker" value=<input type="text" name="start" value="2020-06-01" class="form-control" required id="id_start">>
```

です。
変更前は「value="2020-06-01"」、変更後は「value="2020年6月1日"」といった具合に値自体は取ってきていますが、HTML上の表示は空白です。

Answer 2

もしかしたら、Djangoの日付のフォーマットが「YYYY-MM-DD」じゃないのかもしれないですね。

value = "{{ form.start.value|date:'Y-m-d'}}"

としてみたらどうでしょう。

Comments

[ak_suzuki]

ありがとうございます。
`value = "{{ form.start.value|date:'Y-m-d'}}"`としたところ解決しました。