javascript - javascript 中的日历小部件

Question

使用 JavaScript 创建日历的最佳方式是什么，例如 jquery Datepicker我可以在哪里添加更多功能？

我想在其中显示一些不同颜色的日期数组以及选择一个日期。

我应该尝试编辑源代码，还是更好地使用一些库并自己完成？

对于第一种情况，我想找到一些关于 jquery Datepicker 源代码的好文档。其次，我想找到一些库，它可以创建一个良好且易于使用的日历。

Answer 1

I want to display some arrays of dates in different colors in it as well as selecting a date.

jQueryUI's datepicker已经有这个了。

crazy demo

$(function() {
    var someDates = ['10/8/2010', '10/28/2010', '10/30/2010']; // the array of dates
    
    $("#datepicker").datepicker({
        beforeShowDay: function(date) {
            for (var i = 0; i < someDates.length; i++) {
                if (new Date(someDates[i]).toString() == date.toString()) {

                    return [true,'someDates']; // someDates here is a class
                    // with that added class you could do your style..
                    // html would then be rendered something like this,
                    // <td class="someDates"><a href="">8</a></td>
                }
            }
            return [true];
        }
    });
});​

你可以做 more .尝试阅读 event-beforeShowDay