如何获取时间选择器django形式(模板)

时间:2018-03-14 11:27:56

标签: django forms timepicker

如何获得时间选择器django形式。 这是我的代码。 谢谢

我的模特:

    class activite(models.Model):
        jour = models.ForeignKey('jour',on_delete=models.CASCADE, related_name='jour' )
        debut = models.TimeField(blank=True, null=True)
        fin = models.TimeField(blank=True, null=True)

我的表格:

class activiteForm(forms.ModelForm):  
    class Meta:
        model = fdt_activite
        fields = ('jour','debut','fin')

我的模板:

    <form method="POST" class="post-form">
    {% csrf_token %}
    {{form.as_p}}
    <button type="submit" class="save btn btn-default">Création activité</button>
    </form>

    <script>
    $('#debut').datetimepicker({
       showSecond: true,
       showMillisec: true,
       timeFormat: 'hh:mm:ss'
    });
    </script>

1 个答案:

答案 0 :(得分:1)

$('#debut') <- This id is incorrect

您必须在此处传递debut字段的实际ID。

Django会自动为表单字段创建id:id_<field-name>。因此,debut字段的ID为id_debut

要修复它,请在JS中使用它:

$('#id_debut')