2016-08-01 1 views
2

Ich habe eine "event_venue_DateTime" DateTimeField in meinem models.py und ich möchte ein Datum & Zeit Picker für dieses Feld tun.Django Datum & Zeit Feld Picker

Wie kann ich es implementieren?

models.py

from __future__ import unicode_literals 

    from django.db import models 

    class calendar_event(models.Model): 

     event_name = models.CharField(max_length=50) 
     event_description = models.TextField(max_length=50) 

     event_venue_DateTime = models.DateTimeField() 

     def __unicode__(self): 
      return self.event_name 

forms.py

from django import forms 
from models import calendar_event 

#This class is for create to extend the django model framework 
class CalendarForm(forms.ModelForm): 


    class Meta: 
     model = calendar_event 
     fields = '__all__' 

template.html

<html> 

<body> 


{% block content %} 
<h2>Create Events</h2> 
<form action="/create/" method="post">{% csrf_token %} 
<ul> 
{{form.as_ul}} 
</ul> 

<input type="submit" value="Create" /> 

</form> 

{% endblock %} 

</body> 

</html> 

Ich habe gesucht nach oben und unten aber havent ein legit Datum und Zeitauswahl gefunden. Meist wurden bislang nur Pflücker oder Datetime-Picker, die nicht auf Django verwendet werden

Antwort

0

nicht sicher, ob das, was meinen Sie, aber Sie können jQuery datepicker wie dieser umzusetzen: picker

Dann einfach entsprechende Klasse zu Ihrem Datetime-Feld hinzufügen, durch zwingende die Form Konstruktor

def __init__(self, *args, **kwargs): 
    super(CalendarForm, self).__init__(*args, **kwargs) 
    self.fields['event_venue_DateTime'].widget.attrs['class'] = 'datetimepicker' 

und einen Picker in Ihrem html Vorlage intiate

<script type="text/javascript"> 
    $(function() { 
    $('.datetimepicker').datetimepicker(); 
    }); 
</script> 

Ihre Datetime-Auswahl sollte jetzt funktionieren. Ich hoffe es hilft.

+0

Hallo. Schätze deine Antwort. Ich bin ein Amateur-Programmierer, also vergib mir, wenn ich dumme Fragen gestellt habe. – Shawn

+0

Ich habe die def __init__ Methode in meine forms.py hinzugefügt und im Javascript in meine HTML Vorlage eingefügt. Aber es kann immer noch nicht funktionieren. Das Feld bleibt wie ein normales Textfeld – Shawn

+0

hast du auch datepicker selbst aufgenommen? – intelis