javascript - 当鼠标悬停在 Jquery/Java-Script 时获取完整的日期选择器日期

标签 javascript jquery jquery-ui

<分区>

我想以以下形式获取完整日期:06/23/2014。现在我只是获取当前日期,即 23

标记:

<label for="pickDate"/>
<input type="text" id="pickDate"/>

脚本:

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

JsFiddle:

Date Picker on hover

最佳答案

您可以使用事件委托(delegate)将鼠标输入附加到日期选择器上每个动态附加的日期。

然后您可以获得悬停的日期文本和显示的当前月份/年份。

代码:

var monthname = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];

$(function () {
    $("#pickDate").datepicker();
    $("body").on("mouseenter", ".ui-state-default", function () {
        $("h1").text(monthname.indexOf($(".ui-datepicker-month").text()) + 1 + "/" + $(this).text() + "/" + $(".ui-datepicker-year").text());
    });
});

演示:http://jsfiddle.net/IrvinDominin/LuS4C/

关于javascript - 当鼠标悬停在 Jquery/Java-Script 时获取完整的日期选择器日期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23618319/

相关文章:

javascript - 为什么将匿名函数存储为变量并将其传递给高阶函数是有用的?

javascript - 在 jquery 函数中添加延迟

jquery slider 在 Chrome 中无法正常工作

javascript - 将图像放置在折线图中的 Y 轴标签上

javascript - MooTools 的虚拟键盘?

jquery UI 库和 extjs、dojo/dijit、YUI 一样全面吗?

javascript - ES6 大箭头符号函数给出 SyntaxError : missing ; before statement

javascript - 使用 React 管理 LTE 仪表板

javascript - jQuery Ajax 和内存泄漏问题

ajax - 在循环中与 JQuery 同步 Ajax 请求