javascript - 为什么我无法获取此文本输入的值?

标签 javascript jquery-ui datepicker

这看起来很简单,但我尝试的任何方法都不起作用。我有一个 jquery ui datepicker,我使用 val() 来获取按钮 click() 上输入的值,然后记录它。点击事件正在运行。我可以记录我自己编写的字符串,但是当我传递 console.log() 存储日期选择器值的变量时......什么也没有。我尝试过使用 html() 和 text() 而不是 val(),但仍然没有效果

//JS

 $(function(){

    $("button").button();
    $("#date").datepicker();

  var date = $("#date").val();

    $("button").click(function(){

// this logs
  console.log("event working");    

// but this logs nothing

        console.log(date);


    });//close click

});//closes function

//HTML
<!DOCTYPE html>
<html>
    <head>
<script src="http://www.parsecdn.com/js/parse-1.2.8.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="http://myDomain/bn/lbStyle.css"/>
<script src="http://myDomain/index.js"></script>

        <title>
            Welcome to The Bringer Network
        </title>
    </head>

    <body>

        <form id="dialog">

        <p>Date <input type="text" id="date"/></p>

         <button>Submit</button>

        </form>
    </body>
</html>

最佳答案

如果您想分配输入字段的值,您应该在 click 中声明日期变量。通过下面的代码。实际上,您在页面加载后不久就进行了初始化,但这在您的情况下不是正确的方式。

$(function(){

    $("button").button();
    $("#date").datepicker();



    $("button").click(function(e){
        e.preventDefault();
        var date = $("#date").val();// look this line. It should be inside.
        console.log("event working");   
        console.log(date);
    });//close click

});

关于javascript - 为什么我无法获取此文本输入的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17392227/

相关文章:

javascript - JS 对参数/变量值的条件?

css - IE 中的元素旋转和调整大小(jQuery UI + CSS)

javascript - JQuery Datepicker 反转下一个和上一个按钮事件

javascript - 鼠标悬停时隐藏的日期选择器

javascript - 为每个 id 动态创建函数(id_name1、id_name2、id_name3 等)

javascript - Ember.js 中的 Bind-attr "for"属性

javascript - 在 useEffect 中添加数组中的数字

javascript - 如何限制 div jquery 或 javascript 的子元素数量?

javascript - 动态改变 d3.js 直方图的 bin 和高度

jquery - 如何使 jQuery 对话框弹出窗口保持在浏览器中央