Question

我有一个jquery日期选择器，当选择日期时它看起来不会提交，因为它在表格内。我在阅读第二个答案之后怀疑这张桌子：

jQuery UI Datepicker Inline - submiting form on click

我在表格外创建了一个相同的日期选择器（不同的名称），并在选择日期时提交。表格在表格之外。

这是代码

$(function () {
  $("#txtSantaDate").datepicker({
    changeMonth: true,
    changeYear: true,
    dateFormat: 'dd/mm/yy',
    minDate: '06/12/2014',
    maxDate: '21/12/2014',
    onSelect : function() { $(this).parent('form').submit(); }
  });
});

我希望datepciker保留在表格中，但我需要在选择日期时提交 - 我能做些什么吗？

****** NEW ******

感谢您的回复 - 您真的不想通过HTML浏览，我已经能够将其简化为这个例子：

<!Doctype html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
  <meta charset="utf-8" />

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

  $(function () {
    $("#txtTest").datepicker({
      changeMonth: true,
      changeYear: true,
      dateFormat: 'dd/mm/yy',
      minDate: '06/12/2014',
      maxDate: '21/12/2014',
      onSelect : function() { $(this).parent('form').submit(); }
    });
  });

</script> 
</head>

<body  >
<form id="frmBooking" name="frmBooking"  action="/booking/book_now.php#basecamp" METHOD="POST">
<table><tr><td><input type='text' ID='txtTest' name='txtTest' value='' size = '12' /></td></tr></table>

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

jquery datepicker不会在表格内提交

0 个答案: