javascript - 如何在 HTML 中填充 Django 表单字段？

Question

我有一个model.py:

class usercommand(models.Model):
user = models.ForeignKey(User, blank=False)
a_field = models.PositiveIntegerField(null=True, blank=True)
timestamp = models.DateTimeField(blank=True, null=True)

与我使用创建 Django 模型表单和 user 输入隐藏字段相关。 forms.py:

class ApplicationForm(forms.ModelForm):
class Meta:
    model = userCommand
    widgets = {
        'user': forms.HiddenInput()
    }

正如您所看到的，有三个字段可用于输入。但我在views.py中填写了用户字段:

def views_method(request, object_id):
if request.method == 'POST':
    form = ApplicationForm(request.POST)
    if form.is_valid():
        form_inst = form.save(commit=False)
        form_inst.user = request.user
        form_inst.save();
        return HttpResponseRedirect(reverse('user_list'))
else:
    form = ApplicationForm()

extra_context = {
    'form':ApplicaitonForm(initial={'user': request.user.pk})
}   
return direct_to_template(request, 'template/remote.html',
                          extra_context=extra_context)

现在我在我的remote.html中使用:

<form action="" method="POST">
{{ form.as_p }}
<input type="submit" value="{% trans "Add " %}" /> 
</form>

我需要使用以下用 Jquery 编写的选择器从模板级别填充时间戳字段:

<input class="time" type="text" name="start" id="start" />
$('input.time').timepicker();

但是我不明白，我该怎么办？因为我正在使用 {{form.as_p}}。我将如何使用此 Jquery 代码填充 froms timestamp 字段。

如果我没记错的话，我们可以通过以下代码来做到这一点:

$('#id_timestamp').val($('#time').val())

其中id_timestamp是ApplicationForm中timestamp字段的ID。但是我应该如何编写代码，这样我也可以在 template 级别填写 ApplicationForm 中的其余字段。

Answer 1

<form action="" method="POST">
{{ form.as_p }}
<input type="submit" value="{% trans "Add " %}" /> 
</form>
<script>
$(document).ready(function(){
    $('#id_timestamp').timepicker();
});
</script>