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

前端之家收集整理的这篇文章主要介绍了使用ASP.NET MVC3中的jQuery,可点击日期的事件日历前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我即将创建一个解决方案,列出将在特定日期发生的事件,并且正在寻找一个我可以处理的日历控件,只制作可点击事件的日子,当然还会收到此点击事件并处理在控制器中休息.
(类似于旧的asp:Webforms中的Calendar服务器端控件).

有没有匹配这种情况?

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

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

解决方法

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/

上面的代码和示例呈现为

原文链接:https://www.f2er.com/aspnet/249084.html

猜你在找的asp.Net相关文章