【问题标题】：calendar widget in javascriptjavascript中的日历小部件
【发布时间】：2010-10-05 08:57:16
【问题描述】：

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

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

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

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

【问题讨论】：

标签： javascript jquery calendar jquery-ui-datepicker

【解决方案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

【讨论】：

你能再帮我一次吗？如何为日期添加样式？当我选择一个日期然后按下某个按钮时，我想将它添加到 someDates 的数组中......或者在将它添加到数组后调用刷新就足够了吗？
又是什么？你能解释更多吗？
我想在运行时更改日框的颜色。所以我想，我可以在我们的数组 someDates 中添加日期，然后刷新日期选择器，但这似乎不起作用。

【解决方案2】：

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

它根本没有 UI。您将完全控制日历的外观和行为，而不必担心一个月中有多少周等背后的数学运算。

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

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

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

【讨论】：