JQuery DatePicker наведения даты выхода - PullRequest
Новая
       6

JQuery DatePicker наведения даты выхода

3 голосов
/ 23 марта 2012

Я использую jQuery datepicker и хочу отобразить дату, над которой в данный момент завис пользователь. У меня есть код ниже (вы также можете попробовать код с JSFiddle, http://jsfiddle.net/JGM85/):

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

В настоящее время при наведении курсора на дату номер даты (т.е. 23) выводится в теги h1. Я хочу изменить это так, чтобы он выводил всю дату и сохранял ее в переменной.

Любая помощь с этим будет оценена.

1 Ответ

7 голосов
/ 23 марта 2012

Это не самый лучший способ, которым я это сделал, потому что я ничего не нашел в документации jQuery UI Datepicker для получения фактической даты, но вот вам: 

$(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.net/JGM85/1/

Вторая версия с сохранением фактической даты + с последующим оповещением: 

$(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.net/JGM85/2/

ОБНОВЛЕНИЕ: ранее у меня был .live в качестве обработчика событий, но .live не является устаревшим иМетод .on () - это метод go.

...