代码之家  ›  专栏  ›  技术社区  ›  Aadil Hoda

datepicker不在django工作?

  •  0
  • Aadil Hoda  · 技术社区  · 6 年前

    脚本添加到 base.html

    $(function() {
      $('.datepicker').datepicker({
        format: 'mm/dd/yyyy',
        // startDate: '-3d'
        startDate: "2013-02-14 10:00",
        changeMonth: true,
        changeYear: true,
        yearRange: "1900:2012",
        uiLibrary: 'bootstrap4',
        autoclose: true,
      });
    })
    

    我的班级 MessLeaveForm 在里面 forms.py

    class MessLeaveForm(forms.ModelForm):
    
        departure_date = forms.DateField()
        arrival_date = forms.DateField(widget=forms.DateInput(format='%d/%m/%Y'))
        departure_time = forms.TimeField(widget=forms.TimeInput(format='%H:%M'))
        arrival_time = forms.TimeField(widget=forms.TimeInput(format='%H:%M'))
        verification = forms.ChoiceField(choices=BOOL_VALUES,initial="Pending",widget=forms.HiddenInput(),required=False)
        approval = forms.ChoiceField(choices=BOOL_VALUES,initial="Pending",widget=forms.HiddenInput(),required=False)
        status = forms.ChoiceField(choices=BOOL_VALUES,initial="Pending",widget=forms.HiddenInput(),required=False)
        hostel_suscribed = forms.ChoiceField(choices = HOSTEL_CHOICES,required = True)
        mess_manager_doc = forms.FileField(required=False)
        faculty_doc = forms.FileField(required=False)
    
        class Meta:
            model = MessLeaveModel
            fields = ('idNo','hostel_suscribed','departure_date','departure_time','arrival_date','arrival_time','mess_manager_doc','faculty_doc','verification','approval','status')
            widgets = {
                'departure_date': forms.DateInput(attrs={'class':'datepicker'}),
            }
    

    我的模特 MessLeaveModel 在里面 models.py

    class MessLeaveModel(models.Model):
        # user = models.ForeignKey(OccupantDetails,null=True,on_delete=models.CASCADE)
        idNo = models.ForeignKey(OccupantDetails,on_delete = models.CASCADE)
        username = models.CharField(max_length=255, null=False,blank=False,default="")
        hostel_suscribed = models.CharField(max_length=255,choices = HOSTEL_CHOICES,null=True)
        departure_date = models.DateField()
        arrival_date = models.DateField()
        departure_time = models.TimeField(null = True,blank = True)
        arrival_time = models.TimeField(null=True,blank=True)
        faculty_doc = models.FileField(upload_to='documents/',null=True,blank=True)
        mess_manager_doc = models.FileField(upload_to='documents/',null=True,blank=True)
        verification = models.CharField(max_length=255,choices=BOOL_VALUES,default="Pending")
        approval = models.CharField(max_length=255,choices=BOOL_VALUES,default="Pending")
        status = models.CharField(max_length=255,choices=BOOL_VALUES,default="Pending")
        comment = models.CharField(max_length=255,blank=True,null=True,default="")
    
    
        def __str__(self):
            return '%s_%s_%s' %(self.idNo,self.departure_date,self.arrival_date)
    

    我的Django HTML,我将在那里记录出发日期

    <label class="control-label col-sm-2"> Departure Date</label>
    <div class="col-sm-10">{{form.departure_date}}
    

    我想补充一点 datepicker 在里面 departure_date 领域 Messleave模型 模型我已在中添加了相关脚本 基础html 并通过 Messleeveform 1.我延长了 基础html 在我的 messLeaveForm.html 并在那里输入信息。这个 日期选择器 完全没有反应。

    1 回复  |  直到 6 年前
        1
  •  1
  •   FlipperPA Gavin Ballard    6 年前

    你可能想看看 django-tempus-dominus 包,其中包含Django的Bootstrap 4 datepicker小部件:

    https://pypi.org/project/django-tempus-dominus/

    这是jQuery Tempus Dominus库的一组垫片,它是Bootstrap日期选择器的完整重写继承者。祝你好运