带有日期选取器的事件

event with datepicker

本文关键字：事件 选取 日期      更新时间：2023-09-26

我是初学者，不熟悉jquery ui(datepicker(。所以我很难完成我的练习。我只想将日历绑定到事件页面。每个事件都有一个日期和类名，然后将日期和类名的引用转移到日期选择器。最后，在日期选择器上为每个类名添加不同的背景颜色。谢谢！

我 behind.by 写了一个简单的代码，我上面提到的"事件"只是意味着"活动"！ 获取活动的日期和类名，然后将这两个引用传输到日期选取器。 然后活动日期将显示在日历上，并根据其类名使用不同的背景颜色。

$(function(){
    var Event = function(text,className){
    this.text = text;
    this.className = className; 
    };
var events = {};
events[new Date("08/08/2012")] = new Event("event_one","pink");
events[new Date("08/12/2012")] = new Event("event_two","green");
events[new Date("08/31/2012")] = new Event("event_three","red");
$('#datepicker').datepicker({
    beforeShowDay : function(date) {
    var event = events[date];
    if (event) {
        return [true,event.className,event.text];
    }
    else {
        return [true,'',''];
    }
    }
});
});
body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
.demoHeaders { margin-top: 2em; }
.pink > a { 
    background-color: pink !important;
    background-image:none !important;
}
.red > a { 
    background-color: red !important;
    background-image:none !important;
}
.green > a { 
    background-color: green !important;
    background-image: none !important;
}

​

日期选择器具有可用于在日期选择器中设置日期setDate方法。这里的方法部分解释得很好。

相关文章：