javascript - Django : datepicker in ModelForm

Question

在模型中，我有两个字段，例如

from_date = models.DateField()
to_date = models.DateField()

在我将其定义为的形式中

widgets =  {
            'from_date' : DateInput(attrs={'class': 'datepicker'}),
            'to_date' : DateInput(attrs={'class': 'datepicker'}),
           }

在基本 html 中，我将日期选择器的 jQuery 代码编写为

<script>

    $(document).ready(function() {
        $('.datepicker').datepicker(
          {
            minDate : 0,
            beforeShowDay : $.datepicker.noWeekends
          }
        );
    });

    </script>

我对 javascript 和 jQuery 的了解为零，我想要实现的是 to_date 应始终大于 from_date。我该怎么做？

我的模型

class Leave(models.Model):

    employee_ID = models.CharField(max_length = 20)
    name = models.CharField(max_length = 50)
    user = models.ForeignKey(User, on_delete = models.CASCADE, null =True)
    department = models.CharField(max_length = 50, choices = DEPARTMENT_CHOICES)
    designation = models.CharField(max_length = 50, choices = DESIGNATION_CHOICES)
    type_of_leave = models.CharField(max_length = 15, choices = CHOICES)
    from_date = models.DateField()
    to_date = models.DateField()
    reporting_manager = models.CharField(max_length = 50, choices = MANAGER_CHOICES)
    reason = models.CharField(max_length= 180)
    status = models.CharField(max_length = 15, choices = STATUS_CHOICES)
    reason_reject = models.CharField(('reason for rejection'),max_length=50, default = '-') #blank=True)
    created = models.DateField(auto_now_add=True, editable=False, null=False, blank=False)
    last_modified = models.DateField(auto_now=True, editable=False, null=False, blank=False)


    def __str__(self):
        return self.name

我的表单.py

class LeaveRequestForm(ModelForm):
class Meta:
    fields = ("name", "employee_ID" ,"department", "designation", "type_of_leave", "from_date", "to_date", "reporting_manager", "reason")
    model = Leave

    widgets =  {
        'name': Textarea(attrs = {'cols' : 20, 'rows': 1}),
        'employee_ID' : Textarea(attrs = {'cols' : 20, 'rows': 1}),
        'from_date' : DateInput(attrs={'class': 'datepicker'}),
        'to_date' : DateInput(attrs={'class': 'datepicker'}),
        'reason_reject' : forms.HiddenInput()

    }

Answer 1

试试这个，

 var from_date = models.DateField();//Your From Date
    var to_date = models.DateField();//Your To Date

    if(new Date(to_date) > new Date(from_date))//This Condition Compares both Dates 
    {
         //Your Code
    }

更多详情请参阅Date Compare