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

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/