2013-06-30 29 views
0

這似乎很簡單,但我沒有嘗試工作。我有一個jquery ui datepicker,我使用val()來獲取按鈕click()上的輸入值,然後記錄它。點擊事件正在運行。我可以記錄我自己編寫的字符串,但是當我傳遞console.log()存儲datepicker值的變量時......什麼都不是。我一直在使用,而不是VAL HTML()和text()()試過了,仍然一無所獲爲什麼我不能得到這個文本輸入的價值?

//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> 
+1

有什麼不好評論你的代碼? –

回答

1

我不確定你在做什麼。但我認爲你應該把這個:var date = $("#date").val();放在你的click事件中。因爲您的代碼在空白時分配字段的.val()。這就是爲什麼你的var date是空的。

http://jsfiddle.net/FnGmS/ - 下面是該代碼的工作演示:

$(function() { 
    $("button").button(); 
    $("#date").datepicker(); 
    $("button").click(function() { 
     var date = $("#date").val(); 
     console.log("event working"); 
     console.log(date); 
    }); 
}); 
3

您應該點擊內申報日期變量,如果你想要分配輸入字段的值。瀏覽下面的代碼。在頁面加載完成之後,您實際上已經初始化了,而不是您的案例中的正確方法。

$(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 

}); 
+0

Oh..DUUHH。什麼對我來說是錯誤的?這怎麼不明顯?!!! *嘆* – Spilot

相關問題