How to use the value of Jquery script in Django Form?

Question

I have a follwoing Jquery code, which create a Time Picker:

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

And i want to use this time picker value which comes into the text in Django-Forms.

My models.py:

class UsertTime(models.Model):
user = models.ForeignKey(User, blank=False)
data = models.CharField(max_length=30)
timestamp = models.DateTimeField(blank=True, null=True)

my forms.py:

class UserTimeForm(forms.ModelForm):
    class Meta:
    model = UserTime

In my template.html:

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

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

Now how should i fill the timestamp Field by the Jquery written input. Following is the refer link for the Jquery Code:

Link for the Jquery sample

I think you should be able to change your selector from $('input.time') to a selector that will match the input rendered by {{ form.as_p }}. It is just rendering an input of type text for that piece of data, which the datepicker will work with. — Gromer
– Gromer, Commented Aug 14, 2012 at 21:29
@Gromer: Yeh, you are right, but the problem is How i should use {{form.as_p}} timestamp field with this.timepicker? — Amit Pal
– Amit Pal, Commented Aug 14, 2012 at 21:31

Skylar Saveland · Accepted Answer · 2012-08-14 21:35:10Z

3

I might also be misunderstanding; but, can you not just inspect the output of form.as_p and operate on that input instead of $('input.time')

$('#id_timestamp').timepicker()

answered Aug 14, 2012 at 21:35

Skylar Saveland

11.5k10 gold badges77 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Chris Pratt · Accepted Answer · 2012-08-14 21:16:37Z

2

Unless, I'm gravely misunderstanding you, just use val():

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

answered Aug 14, 2012 at 21:16

Chris Pratt

240k37 gold badges414 silver badges468 bronze badges

2 Comments

Amit Pal Over a year ago

Thanks for the replying @Chris but How should i integrate it with Django Forms. I mean it *** {{ form.as_p }} ***. And you can see the Django Form class. So how should i use it? I am not the best in Django. Would you please update the code according to it.

Chris Pratt Over a year ago

That sets the value of the timestamp field to the value of the other field. Django just processes the form as normal. Not sure what more you're looking for.

Anthony Mills · Accepted Answer · 2012-08-14 21:15:22Z

2

Does this not work:

<input class="time" type="text" name="start" id="start" value="{{form.timestamp}}" />

Sorry, I'm not an expert in Django.

answered Aug 14, 2012 at 21:15

Anthony Mills

8,7764 gold badges36 silver badges52 bronze badges

Collectives™ on Stack Overflow

How to use the value of Jquery script in Django Form?

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related