正在寻找一个javascript日历，它提供了月视图，并具有阻止日期的功能

我需要一个交互式日历为我的网络应用程序。我以前没有使用过任何日历小部件，所以在这里我希望能给你们一些专家的建议

以下是我的要求：

• 日历显示在月视图中
• 将某些日期灰显以阻止其发生任何事件的能力

可选，但很高兴拥有：

• 用户只需在日历上单击几下鼠标，就可以轻松地将新事件添加到日历中，而无需使用键盘

---

我心目中的日历显示更像。FullCalendar的问题是我找不到阻止日期的解决方案。

jQuery UI的日历具有锁定日期的功能

您需要使用“beforeShowDay”选项，然后在其中运行锁定逻辑，我这样使用它只允许选择周一：

$('input[id$=txtCompareTo], input[id$=txtWeekOf]').datepicker({
      firstDay: 0,
      beforeShowDay: function (date) {
          return [date.getDay() == 0, "", ""];
      }
});

但是，很明显，您可以在函数中放入所需的任何逻辑，使其在需要时启用或禁用天。

是的，您可以使用

启动日历时，将一个函数（例如yourFunction）传递给参数select：

$('#yourdiv').fullCalendar(
    {...
     select: yourFunction,
     ...
    }, fcOtherSettings
);

当用户尝试创建新事件时，始终会触发您的功能。然后，在
yourFunction
中，您可以验证您想要的任何内容，例如，阻止用户为特定日期创建事件

此外，您可以覆盖这些日期的css（例如，使用灰色、块光标），以帮助用户获得不允许日期的第一手印象

例如，今天之前的所有日子都是灰色背景：

$('.fc-today').prevAll('td').css('background','gray');
$('.fc-today').parent().prevAll().find('td').css('background','gray');

我正在寻找日历显示而不是输入，因此datepicker在我的情况下没有帮助。datepicker可以在没有输入的情况下显示。但它不会在日历本身上显示事件。我心目中的日历显示更像。FullCalendar的问题是我找不到阻止日期的解决方案。啊，我明白了，很抱歉，我当时帮不了你。不用担心。你帮我澄清了我的问题。还是谢谢你。你也可以使用
$（'.fc-pass'）.css（'background'，'gray'）将它们涂成灰色