將日曆選取器中的值傳遞到文本框

嗨，大家好我從日曆選取器中獲取價值時遇到問題。我想選擇日曆中的日期（ID爲Date_of_Birth），並將日期12/11/2013指定給文本框txtDate。將日曆選取器中的值傳遞到文本框

我該怎麼做？我的代碼如下

<!DOCTYPE HTML> 
<html> 

    <head> 

    </head> 
    <body> 

<form name="myForm" action="displayDate.html" method="post"> 

Date of Birth: < script type="text/javascript" src="http://www.snaphost.com/jquery/Calendar.aspx?dateFormat=dd/mm/yy" name="Date_of_Birth" id="Date_of_Birth"></script><br> 

      <input type="text" id="txtDate" name="txtDate" 

      <input type="submit" value="Submit"> 
     </form> 
    </body> 
</html>

來源

2013-12-16 user3106317

第一個問題是您沒有正確包含「http://www.snaphost.com/jquery/Calendar.aspx?dateFormat=dd/mm/yy」。這個腳本創建一個日曆，並不按照你想要的方式工作。從代碼中我可以看到這個庫使用jQueryUI。

代替使用ASPX URL的，包括單獨jQueryUI的庫：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 

<form name="myForm" action="displayDate.html" method="post"> 

    Date of Birth: <input type="text" id="txtDate" name="txtDate"/> 
    <input type="submit" value="Submit"/> 

</form>

要綁定一個datepicker到txtDate使用：

$(function() { 
    $("#txtDate").datepicker(); 
    });

參見工作實施例：http://jsfiddle.net/2zdgz/

來源

2013-12-16 07:09:59

將日曆選取器中的值傳遞到文本框

回答

相關問題