Question

大家好，我无法从日历选择器中获取价值。我想从日历中选择一个日期（标识为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>

Answer 1

第一个问题是你没有包括＆＃34; http://www.snaphost.com/jquery/Calendar.aspx?dateFormat=dd/mm/yy＆＃34;正确。此脚本创建日历，但无法按您希望的方式工作。从代码我可以看到这个库使用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/

将值从“日历选择器”传递到文本框

1 个答案: