Question

我试图将日期悬停在jQuery datepicker ui中。我对这个论坛上发布的其他解决方案没有运气。

以下是我正在尝试使用的一些代码的链接：

以下内容对我不起作用：

<!doctype html>
<html>
<head>
<link rel="stylesheet" href="css/jquery-ui.css" />
</head>
<style></style>
<body>


<h1>This should change on hover</h1>

<div class="demo">
    <input type="text" id="date1">
</div>

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script>


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

</script>
</body>
</html>

Answer 1

这提供了悬停在日期上的日，月，年

参考日期＆amp;年份： http://browse-tutorials.com/snippet/get-date-mouseover-cell-jquery-ui-datepicker

指向datepicker元素层次结构的链接很有用：http://api.jqueryui.com/datepicker/#theming

$(document).on('mouseenter', '.ui-datepicker-calendar .ui-state-hover', function(e){

    var c1 =        $(this).closest('.ui-datepicker-group');    //closest datepicker...

    var day1 =      $(this).text();
    var month1 =    c1.find('.ui-datepicker-month').text();
    var year1 =     c1.find('.ui-datepicker-year').text();

    var fullDate = day1 + "_" + month1 + "_" + year1;
    $('h1').html(fullDate);
});

jQuery datepicker悬停日期输出

1 个答案: