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。试试看​​

Answer 2

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

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

Answer 3

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

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

Answer 4

查看extjs日历 - 它看起来更多可扩展的 - 并有专业版（支付）以及

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