asp.net - 在 ASP.NET MVC3 中使用 jQuery 的具有可点击日期的事件日历

Question

我即将创建一个解决方案，该解决方案将列出将在特定日期发生的事件，并且正在寻找一个日历控件，我可以处理该控件以仅使事件发生的日期可单击，当然还可以接收此单击事件并在我的 Controller 中自己处理其余的事情。(类似于 Webforms 中旧的 asp:Calendar 服务器端控件)。

有符合这个场景的吗？

更新:我正在寻找的是一个迷你日历，而不是像 Outlook 中的完整日历。

这正是我正在寻找的:

Answer 1

jQuery UI 可以实现您想要的确切样式..(和功能)

您需要下载jQuery UI脚本和Smoothness主题^{(访问 http://jqueryui.com/download/ 并从单选按钮中选择核心和日期选择器，并从右侧下拉列表中选择平滑度)}

html

<div id="datepicker"></div>

javascript

var activeDays=[1,4,10,21,22,23,27,28,30];

$('#datepicker').datepicker(
    {
        beforeShowDay: function(date) {
            var hilight = [false,''];

            if ( activeDays.indexOf( date.getDate() ) > -1)
            {
                hilight = [true,'isActive'];
            }

            return hilight;
        }
    }
);

activeDays 变量可以直接保存日期(而不仅仅是日期数字)，您需要更改函数内的条件来检查匹配。

isActive 是一个用于控制事件日期样式的类。

.isActive a.ui-state-default{
    background:none;
    background-color:pink;
}

实时示例 http://jsfiddle.net/gaby/C95nx/2/

上面的代码和示例呈现为