Bootstrap-Datepicker/禁用阵列中的特定日期 [英] Bootstrap - Datepicker/Disable specific dates from array

问题描述

我有一个带有日期的数组.我想循环此数组并禁用datepicker控件中的可选日期. 我需要在beforeShowDay参数中执行此操作！

I have a array with dates. I want to loop this array and disable selectable dates in datepicker control. I need to do this in beforeShowDay parameter!

这是我的代码:

var datesForDisable = ["25-01-2017", "26-01-2017", "27-01-2017"]

$("#holidayDateFrom").datepicker({
            format: 'dd-mm-yyyy',
            autoclose: true,
            weekStart: 1,
            calendarWeeks: true,
            todayHighlight: true,
            //datesDisabled: datesForDisable,
            //daysOfWeekDisabled: [0, 6],

            beforeShowDay: function (currentDate) {
                var dayNr = currentDate.getDay();

                if (dayNr == 6) {//This works
                    return false;
                }

                if (dayNr == 0) {//This works
                    return false;
                }



                     // This dosnt works..
                        var dateNr = moment(currentDate.getDate()).format("DD-MM-YYYY");
                        if (datesForDisable.length > 0) {
                            for (var i = 0; i < datesForDisable.length; i++) {
                                var date = new Date(datesForDisable[i]);
                                if (date == dateNr) {
                                    return false;
                               }
                            }
                        }
                        return true;
                    }
                })

如何执行此操作?以前谢谢你！

How to do this? Thank you previously!

推荐答案

您可以将日期作为时间戳记(unix time)

You can compare the dates as timestamp(unix time)

var datesForDisable = ["25.01.2017", "26.01.2017", "27.01.2017"]

$("#datepicker").datepicker({
            format: 'dd/mm/yyyy',
            autoclose: true,
            weekStart: 1,
            calendarWeeks: true,
            todayHighlight: true,
            //datesDisabled: datesForDisable,
            //daysOfWeekDisabled: [0, 6],

            beforeShowDay: function (currentDate) {
                var dayNr = currentDate.getDay();
                var dateNr = moment(currentDate.getDate()).format("DD-MM-YYYY");

                if (dayNr == 6) {//This works
                    return false;
                }

                if (dayNr == 0) {//This works
                    return false;
                }
                    if (datesForDisable.length > 0) {
                        for (var i = 0; i < datesForDisable.length; i++) {                        
                            if (moment(currentDate).unix()==moment(datesForDisable[i],'DD.MM.YYYY').unix()){
                                return false;
                           }
                        }
                    }
                    return true;
                }
            })

这篇关于Bootstrap-Datepicker/禁用阵列中的特定日期的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！