javascript - django : How to disable dates in datepicker, 基于数据库的条目？

Question

我在数据库中的以下模型中定义了 n 个日期，这些日期是由管理员直接插入的，而不是由模型表单或其他任何东西插入的。

class Calendar(models.Model):

    date = models.DateField()
    occasion = models.CharField(max_length = 20)

具有日期字段的表单，

class LeaveRequestForm(ModelForm):

    class Meta:
        fields = (... "from_date", "to_date" ...)
        model = Leave

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

        }

我有这个禁用周末的日期选择器脚本，

<script>

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

    </script>

现在我想禁用数据库中定义的日期和周末。我该怎么做？

更新:

var array = {{ 
               {% for x in disabled_dates %}
               {{x.dates}}
               {% endfor  %} 
            }}

$('datepicker').datepicker({
    beforeShowDay: function(date){
        var string = jQuery.datepicker.formatDate('yy-mm-dd', date);
        return array.indexOf(string) != -1 ? [false] : $.datepicker.noWeekends(date);
    }
});

还没有运气!

Answer 1

引用答案here和 here ,

var array = [
    {% for x in disabled_dates %}
        {{x.dates}}
    {% endfor  %} 
]

$('datepicker').datepicker({
    beforeShowDay: function(date){
        var string = jQuery.datepicker.formatDate('yy-mm-dd', date);
        return array.indexOf(string) != -1 ? [false] : $.datepicker.noWeekends(date);
    }
});

编辑:在您的日期数组旁边添加了周末。

编辑:为日期添加了 for 循环(尽管我认为您应该从您的 View 函数发送一个就绪列表)

希望这对您有所帮助!