如何填充HTML中的Django表单字段？

我有一个model.py:如何填充HTML中的Django表单字段？

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代码填充来自timestamp字段。

如果我没看错的话，可以通过下面的代码做到这一点：

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

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

来源

2012-08-15 Amit Pal

如果我理解正确的话，你只需要启动实际时间字段的时间选择器：'$（“＃id_timestamp”）。 timepicker（）' – 2012-08-15 12:38:51

@ TimmyO'Mahony，是的，我们可以通过$（'＃id_timestamp'）。timepicker（）来完成。这里#id_timestamp是ApplicationForm类中timestamp字段的标识。我不喜欢用我的Django窗体？ – 2012-08-15 12:44:17

为什么要在单独的字段上运行timepicker，然后复制结果？为什么不直接在窗体的时间字段上运行timepicker？您遇到的问题是您不知道如何将小部件返回的时间转换为兼容'DateTimeField'的合成器？否则，我不认为我理解问题 – 2012-08-15 12:49:02

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

来源

2012-08-15 12:57:02

感谢您的回复，如果我没有错，那么我应该也添加jquery库路径？ – 2012-08-15 12:58:45

是的，如果你想使用他们的日期/时间选择器，你将需要jQuery库和jQuery UI：http://jqueryui.com/demos/datepicker/ – 2012-08-15 13:00:44

这是一个替代日期/时间选择器库：http：/ /trentrichardson.com/examples/timepicker/ – 2012-08-15 13:01:59

您可以使用SplitDateTimeWidget作为时间戳字段。然后在一个模板，你可以通过$('#id_timestamp_0').timepicker();什么查看在时间的输入像

来源

2012-08-15 12:56:32

如何填充HTML中的Django表单字段？

回答

相关问题