Usage

Usage in Generic View

# File: views.pyfrombootstrap_datepicker_plus.widgetsimportDateTimePickerInputfromdjango.viewsimportgenericfrom.modelsimportQuestionclassCreateView(generic.edit.CreateView):model=Questionfields=["question_text","pub_date"]defget_form(self,form_class):form=super().get_form(form_class)form.fields["pub_date"].widget=DateTimePickerInput()returnform

Custom Form usage

# File: forms.pyfrombootstrap_datepicker_plus.widgetsimportDatePickerInputfrom.modelsimportEventfromdjangoimportformsclassToDoForm(forms.Form):todo=forms.CharField()date=forms.DateField(widget=DatePickerInput())

Model Form usage

# File: forms.pyfrombootstrap_datepicker_plus.widgetsimportDatePickerInputfrom.modelsimportEventfromdjangoimportformsclassEventForm(forms.ModelForm):classMeta:model=Eventfields=["name","start_date","end_date"]widgets={"start_date":DatePickerInput(),"end_date":DatePickerInput(options={"format":"MM/DD/YYYY"}),}

Types of DatePickers

The widget contains all types of date-picker you may ever need.

# File: forms.pyfrombootstrap_datepicker_plus.widgetsimportDatePickerInput,TimePickerInput,DateTimePickerInput,MonthPickerInput,YearPickerInputfrom.modelsimportEventfromdjangoimportformsclassEventForm(forms.ModelForm):classMeta:model=Eventfields=["start_date","start_time","start_datetime","start_month","start_year"]widgets={"start_date":DatePickerInput(),"start_time":TimePickerInput(),"start_datetime":DateTimePickerInput(),"start_month":MonthPickerInput(),"start_year":YearPickerInput(),}

Implement date-range-picker

DatePickers can be linked to select a date-range or time-range.

# File: forms.pyfrombootstrap_datepicker_plus.widgetsimportDatePickerInput,TimePickerInputfrom.modelsimportEventfromdjangoimportformsclassEventForm(forms.ModelForm):classMeta:model=Eventfields=["name","start_date","end_date","start_time","end_time"]widgets={"start_date":DatePickerInput(),"end_date":DatePickerInput(range_from="start_date"),"start_time":TimePickerInput(),"end_time":TimePickerInput(range_from="start_time"),}