Qual è il datepicker più pulito e più semplice da utilizzare in Django?

Question

Amo il Thauber Schedule datepicker, ma è un selettore datetime e non riesco a farlo solo per le date. Qualche suggerimento per datepickers di bell'aspetto che vengono con le istruzioni su come integrarsi con un campo del modulo di data di Django?

Answer 1

Si può anche semplicemente utilizzare jQuery nei vostri modelli. Il jQuery DateTime Picker consente ogni personalizzazione.

http://jqueryui.com/demos/datepicker/

Answer 2

Se hai dimestichezza con il widget di data di Django Admin, puoi includerlo nella tua app. Il vantaggio non sono le dipendenze esterne. Qualcuno ha postato un how-to sul gruppo django-utenti qualche tempo fa:

• Using Admin DateTime Picker in your Form

Answer 3

ho trovato questo abbastanza liscia per una soluzione amichevole DateTimeFieldhttps://github.com/asaglimbeni/django-datetime-widget

Necessario per includere bootstrap-timepicker css file from malot e ha funzionato abbastanza ordinatamente.

Answer 4

ho lottato con un problema simile e ho trovato la seguente soluzione gradevole, utilizzando forme floppy:

• django floppy-forms datpicker, example

Questo funziona molto bene ed è relativamente facile da implementare, la speranza che qualcuno lo troverà di aiuto pieno. In bocca al lupo.

Answer 5

Essendo più recente per la codifica, ho utilizzato questo esempio a causa della sua facilità.

<form method="POST">{% csrf_token %}   
    <p>Start date<input type = 'date' name='start_date' ></p> 
    <p>End date<input type = 'date' name='end_date' ></p> 
    <button type="submit">Submit</button> 
</form> 

Answer 6

seguito è quello che faccio, senza dipendenze esterne a tutti .:

models.py:

from django.db import models 


class Promise(models): 
    title = models.CharField(max_length=300) 
    description = models.TextField(blank=True) 
    made_on = models.DateField() 

forms.py:

from django import forms 
from django.forms import ModelForm 

from .models import Promise 


class DateInput(forms.DateInput): 
    input_type = 'date' 


class PromiseForm(ModelForm): 

    class Meta: 
     model = Promise 
     fields = ['title', 'description', 'made_on'] 
     widgets = { 
      'made_on': DateInput(), 
     } 

mio punto di vista:

class PromiseCreateView(CreateView): 
    model = Promise 
    form_class = PromiseForm 

E il mio modello:

<form action="" method="post">{% csrf_token %} 
    {{ form.as_p }} 
    <input type="submit" value="Create" /> 
</form> 

Il calendario si presenta così:

Answer 7

Usa datetime-local come tipo per i input.Its looking.But non molto di fantasia farà il lavoro

Spero che questo aiuti.

Answer 8

Il supporto di Django TextInput (e tutte le relative sottoclassi) che specifica un attributo di tipo per impostare il tipo di modulo.

È possibile utilizzare questo per impostare il tipo di ingresso per date (W3C specification), ad esempio, nel seguente modo:

date = fields.DateField(widget=forms.widgets.DateInput(attrs={'type': 'date'})) 

Answer 9

soluzione avi può essere effettuata anche senza l'utilizzo di un ulteriore classe di ingresso django:

class PromiseForm(ModelForm): 

    class Meta: 
     model = Promise 
     fields = ['title', 'description', 'made_on'] 
     widgets = { 
      'made_on': DateInput(attrs={'type': 'date'}), 
     } 

Answer 10

In questo momento nel 2018, dopo il rilascio di DJango versione 2, è piuttosto difficile trovare un widget DatePicker ancora funzionante o mantenuto. Raccomando django-bootstrap-datepicker-plus che funziona sorprendentemente sia sulle versioni più recenti che su quelle più vecchie di DJango. L'ho provato in DJango versione 1.10.7 e 2.0.2, funziona bene in entrambe le versioni.

L'installazione è abbastanza semplice. Devi solo installarlo.

pip install django-bootstrap-datepicker-plus 

Aggiungerlo all'elenco delle applicazioni installate nel file settings.py.

INSTALLED_APPS = [ 
     'bootstrap_datepicker', 
     ...other apps... 
    ] 

Importare il widget di nel file forms.py

from bootstrap_datepicker.widgets import DatePicker 

Aggiungi il widget alla campo della data

class ToDoForm(forms.Form): 
     date = forms.DateField(
      widget=DatePicker(
       options={ 
        "format": "mm/dd/yyyy", 
        "autoclose": True 
       } 
      ) 
     ) 

Istruzioni dettagliate sono disponibili sul django-bootstrap-datepicker-plus Github Page.