jQuery 插件 - 1 个月日历

Question

我正在尝试识别一个 jQuery 插件，它将显示一整月的日期长度(如下所示 - 数字反射(reflect)了该月的天数(仅限工作日)。

-3 4 5 6 7- -10 11 12 13 14- -17 18 19 20 21- -24 25 26 27 28-

理论上，这种方法将月份中的日期作为列 - 然后可以将几个人的日历显示为行。如下所示:

---------3 4 5 6 7- -10 11 12 13 14- -17 18 19 20 21- -24 25 26 27 28-
Person A X - - - -   -  -  -  X  -    -  -  -  X  X    -  -  -  -  -
Person B X X X - -   -  X  -  X  -    -  -  X  X  X    X  X  X  -  -

我的问题是“我如何使用 jQuery 实现上述目标？(我查询了 Google，试图找到合适的插件 - 但我无法识别)”。

Answer 1

嗯，lets get you started 。

(function($){
    var getWeekDaysInCurrentMonth = function(){
        // this will operate off of the current month
        // you can make the month an argument
        // and then d.setMonth(m)

        var d = new Date(), 
            daysInMonth = [], 
            currentDay;

        // go to first day of month
        d.setDate(1);
        var firstDay = d.getDate();
        // go to last day of month
        d.setDate(0);
        var lastDay = d.getDate();

        for (var i = firstDay; i <= lastDay; i++){
            d.setDate(i);
            // get the current day of the week in loop
            currentDay = d.getDay();
            // check not sunday or saturday
            if(currentDay !== 0 && currentDay !== 6)
                daysInMonth.push(i);                
        }
        return daysInMonth;
    };

    console.log(getWeekDaysInCurrentMonth());
    // OUTPUT: [1, 2, 3, 6, 7, 8, 9, 10, 13, 
    //            14, 15, 16, 17, 20, 21, 22, 23, 24, 27, 28, 29, 30, 31] 

})(jQuery)​;​

下一步是将此函数应用到 jQuery 插件中以输出一些表格标记。然后，您将向插件添加配置，以更改标记的显示方式、首先显示的月份等。如果您仔细阅读我的其他一些 jQuery 答案，您可以找到创建 jQuery 插件(或谷歌)的示例。