使用ASP.NET MVC3中的jQuery,可点击日期的事件日历

Question

我即将创建一个解决方案,列出将在特定日期发生的事件,并且正在寻找一个我可以处理的日历控件,只制作可点击事件的日子,当然还会收到此点击事件并处理在控制器中休息.(类似旧的asp:Webforms中的日历服务器端控件).

有没有匹配这种情况？

更新:我正在寻找的是迷你日历,而不是像Outlook中那样的完整日历.

这就是我正在寻找的东西:

Answer 1

jQuery UI可以做你想要的精确样式..(和功能)

您需要下载jQuery UI脚本和Smoothness主题 ^{(访问http://jqueryui.com/download/并从单选按钮中选择core和datepicker,从下拉到右侧选择平滑度)}

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/上的实例

上面的代码和示例呈现为