javascript中的日历小部件

Question

使用jquery Datepicker创建日历的最佳方法是什么,我可以在其中添加更多功能？

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

我应该尝试编辑源代码,或者更好,使用一些库并自己做吗？

对于第一种情况,我想找到一些关于jquery Datepicker源的好文档.对于第二个,我想找到一些库,它创建一个好的和易于使用的日历.

Answer 1

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

jQueryUI的datepicker已经有了这个.

疯狂的演示

$(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];
        }
    });
});?

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