javascript中的日历小部件

Question

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

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

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

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

Answer 1

  

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

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

Answer 2

如果您不介意编写自己的代码，可以尝试我的calendar-logic.js。

根本没有用户界面。您将完全控制日历的外观和行为，而不必担心一个月内有多少周的数学等等。

Answer 3

jQuery Datepicker小部件已经为日历提供了足够的功能。添加自定义颜色更像是一种风格（因此是CSS）。此外，文档很容易找到，Googling for it也是如此。

最后，编辑源代码绝不是一个好主意，因为升级会覆盖您的更改。

Answer 4

看一下extjs日历 - 它看起来更具可扩展性 - 还有一个专业版（付费）

http://www.sencha.com/blog/2010/09/08/ext-js-3-3-calendar-component/