javascript - jQuery datepicker hover output date - Stack Overflow

admin管理员组

文章数量:1332361

I am using jQuery datepicker and I want to display out the date that the user is currently hovering over. I have the code below (you can also try the code with JSFiddle, /):

$(function() {
    $("#datepicker").datepicker();
    $(".ui-state-default").live("mouseenter", function() {
        $("h1").text($(this).text());
    });
});

​ Currently when hovering over a date, the number of the date (ie. 23) is outputed to the h1 tags. I want to change this so that it outputs the whole date and stores it in a variable.

Any help with this would be appreciated.

I am using jQuery datepicker and I want to display out the date that the user is currently hovering over. I have the code below (you can also try the code with JSFiddle, http://jsfiddle/JGM85/):

$(function() {
    $("#datepicker").datepicker();
    $(".ui-state-default").live("mouseenter", function() {
        $("h1").text($(this).text());
    });
});

​ Currently when hovering over a date, the number of the date (ie. 23) is outputed to the h1 tags. I want to change this so that it outputs the whole date and stores it in a variable.

Any help with this would be appreciated.

• javascript
• jquery-ui-datepicker
• jquery

Share Improve this question Follow asked Mar 23, 2012 at 11:53 user1152142user1152142 90933 gold badges1212 silver badges1818 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

It's not the best way I did it, because I found nothing in the jQuery UI Datepicker documentation for getting the actual Date, but here you go:

$(function() {
    $("#datepicker").datepicker();
    $(".ui-state-default").on("mouseenter", function() {
        $("h1").text($(this).text()+"."+$(".ui-datepicker-month",$(this).parents()).text()+"."+$(".ui-datepicker-year",$(this).parents()).text());
    });
});

http://jsfiddle/JGM85/1/

The second version with saving the actual Date + alerting it afterwards:

$(function() {
    $("#datepicker").datepicker();
    $(".ui-state-default").on("mouseenter", function() {
        $("h1").text($(this).text()+"."+$(".ui-datepicker-month",$(this).parents()).text()+"."+$(".ui-datepicker-year",$(this).parents()).text());
    var actualDate=$('h1').text();
        alert(actualDate);
    });
});

http://jsfiddle/JGM85/2/

UPDATE: I previously had .live as an event handler but .live is no deprecated and .on() is the method to go.

本文标签： javascriptjQuery datepicker hover output dateStack Overflow