Question

我想在datepicker上点击日期时提交表单。我已设法提交，但无法将所选日期传递给表单的隐藏字段。因此，表单提交，但不发送日期（

我确信这一定很简单，但我对js没有经验，所以感谢任何帮助。

以下是代码：

<script type="text/javascript">
  $(document).ready($(function(){

    var $hiddenInput = $('#hiddenFieldID');

    $('#datepicker').datepicker({ inline: true })
     .bind('click', function(){ $('#myFormID').submit();})
     .bind('hiddenFieldID',function(e, hiddenFieldID, $td) { $hiddenInput.val(hiddenFieldID.asString()); });
      }));
 </script>

<div id="datepicker"></div>

<form id="myFormID" action="index.php" method="GET">
<input type="hidden" name="date" id="hiddenFieldID" value="">
</form>

Answer 1

datepicker实际上有一些选项可以帮助您解决此问题。请尝试以下方法：

$('#datepicker').datepicker({
    inline : true,
    altField : '#hiddenFieldID',
    onSelect : function(){
        $('#myFormID').submit();   
    }
});

altField ：要使用datepicker中的所选日期进行更新的输入元素。使用altFormat选项更改此字段中日期的格式。没有备用字段，请留空。

onSelect ：选择日期选择器时调用。该函数接收所选日期作为文本，并将datepicker实例作为参数接收。这指的是相关的输入字段。

访问完整的API，了解与datepicker：http://api.jqueryui.com/datepicker/

jQuery UI Datepicker内联 - 单击提交表单

2 个答案: