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

发布时间：2020-12-15 22:23:24 所属栏目：asp.Net 来源：网络整理

导读：我即将创建一个解决方案,列出将在特定日期发生的事件,并且正在寻找一个我可以处理的日历控件,只制作可点击事件的日子,当然还会收到此点击事件并处理在控制器中休息. (类似于旧的asp：Webforms中的Calendar服务器端控件). 有没有匹配这种情况？更新：我正在

我即将创建一个解决方案,列出将在特定日期发生的事件,并且正在寻找一个我可以处理的日历控件,只制作可点击事件的日子,当然还会收到此点击事件并处理在控制器中休息.
(类似于旧的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/

上面的代码和示例呈现为

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!