Datepicker with events?

Question

Is there a jquery plugin that would allow me to have a small calendar like rectangle, like in datepickers and some of the dates would be different colour. When I go over the

Answer 1

If you want to do something special on a day hover you could attach a .live handler (or delegate), live is needed since the datepicker is created after the dom has finished loading, to the day element and do some sort of lookup if you need to display a tooltip, box, or something else unique on the dom.

$(".ui-datepicker-calendar .ui-state-default").live("hover", function() {
    var month = $(".ui-datepicker-month").text();
    var year = $(".ui-datepicker-year").text();
    var day = $(this).text();
    //Do something to look up the year month day..
    $("h1").empty().text(month + day + year).fadeIn();

}, function() {
  //something on mouse out
});

Simple example on jsfiddle.

However if you find the jQuery UI datepicker does not meet your needs take a look at original datepicker plugin which offers a lot of customization. Plus it also offers a few more events in the datepicker extension.