1

私はtempus dominusと呼ばれるdjangoアプリで機能するdatepickerを持っています。送信ボタンをクリックせずに送信するようにこの日付ピッカーを設定しようとすると、問題が発生します。

彼らのドキュメントはひどいものですが、最終的に少なくともその一部を理解しました。カスタム イベント (change.datetimepicker) の 1 つをトリガーする必要があるようです。以下に私の実装を示します...私のjsスキルはかなり錆びているので、おそらく問題はどこかにあります...

私のforms.py

class MyForm(forms.Form):

date_from = forms.DateField(
    required=True,
    widget=DatePicker(
        options={
            'minDate': '2018-01-20',
            'maxDate': '2020-10-20',
        },
    ),
    initial='2020-08-01',

)

date_to = forms.DateField(
    required=True,
    widget=DatePicker(
        options={
            'minDate': '2018-01-20',
            'maxDate': '2020-10-20',
        },
    ),
    initial='2020-10-19',

)

私のテンプレート

<div class="col" id="form_div">
      <form method="post" action="." id="datetimepicker" class="form-inline justify-content-center">
        {% csrf_token %}
        {{ form.as_p}}

        <input type="submit" id="submit" value="enviar"  style="width:70px" />
      </form>

    </div>

私のjsファイル

    $("#datetimepicker").on("change.datetimepicker", function () {

    $( "#datetimepicker" ).submit();
}); 

どんな助けでも大歓迎です!

4

0 に答える 0